微博簽到視覺化系統

2021-08-21 20:15:48 字數 1102 閱讀 7245

該系統以express為架構,mongodb為資料庫。將已收集到的微博資料報含(微博暱稱,位置,內容等資訊)分類,類別大致有位置分類,內容分類。我負責的任務便是將分類篩選好的資料利用d3繪製成餅狀圖,流狀圖,柱狀圖。具體分類內容如下。

該系統的主頁面

按下方的select按鈕便會出現上面的選擇框。在此,我選擇的是at work,at school,home,at friendhome,launch選項。按完後,符合要求的資料將會在地圖上以圓圈形式顯示其地理位置。在此基礎上,按下下方的themriver按鈕,他將對符合條件的資料整合顯示。

按piechart按鈕,會有餅狀圖。

同理,按下barchart按鈕,顯示柱狀圖。

而heatmap顯示的是熱力圖。

資料視覺化主要內容不外乎資料的處理與資料的展示。在該專案中,雖然主要是利用d3繪製幾類圖形(餅圖,流圖,柱狀圖,熱力圖),但在該專案中,我學習的更多的卻是對前端顯示的理解。

該系統用到的是semantic-ui這個前端模板,而初期的理解並不能使我更好的布局前端,所以如何更好的利用已有資源定製css成為主要任務。semantic-ui的定製主要遇到的問題,總體來講,還是整體與區域性css樣式的衝突,所以理解該系統的dom樹成為核心。理解了dom樹,之後再在上面附加css樣式則css出錯的概率大大降低。

這個系統仍有一些問題,比如流狀圖變成柱狀圖時行時不行,熱力圖也有時不能顯示。固然是由於後台nodejs**可能有所偏差,但也是該系統**的管理缺乏,才致明知問題存在,卻不知如何下手的尷尬境界。

資料視覺化 什麼是資料視覺化

資料對應的英文單詞是data,從資訊獲取的角度看,資料是對目標觀察和記錄的結果,是現實世界中的時間 地點 事件 其他物件或概念的描述。不同學者對資料的作用也給出不同的定義,大致分為以下3類 視覺化對應的兩個英文單詞 visualize和visualization。visualize是動詞,描述 生成...

視覺化建模

中科永聯高階技術培訓中心 www.itisedu.com 視覺化建模 visual modeling 是利用圍繞現實想法組織模型的一種思考問題的方法。模型對於了解問題 與專案相關的每個人 客戶 行業專家 分析師 設計者等 溝通 模仿企業流程 準備文件 設計程式和資料庫來說都是有用的。建模促進了對需求...

卷積視覺化

影象卷積操作的應用沒有嚴格的數學推導,即沒有數學推導表明每一層究竟表示什麼。為了了解卷積神經網路中每一層與原有影象的對應關係,文章visualizing and understanding convolutional networks通過反向卷積的方式實現了該過程。那具體如何操作的呢?得到的h1與真...