基於echarts 24種資料視覺化展示,填充資料就可用,動手能力強的還可以DIY(演示地址+下載地址)

學習中的苦與樂發表於2021-11-22

前言

我們先跟隨百度百科瞭解一下什麼是“資料視覺化 [1]”。
  資料視覺化,是關於資料視覺表現形式的科學技術研究。
  其中,這種資料的視覺表現形式被定義為,一種以某種概要形式抽提出來的資訊,包括相應資訊單位的各種屬性和變數。
  它是一個處於不斷演變之中的概念,其邊界在不斷地擴大。
主要指的是技術上較為高階的技術方法,而這些技術方法允許利用圖形、影像處理計算機視覺以及使用者介面,通過表達、建模以及對立體、表面、屬性以及動畫的顯示,對資料加以視覺化解釋。
與立體建模之類的特殊技術方法相比,資料視覺化所涵蓋的技術方法要廣泛得多。
 
  大家對展廳顯示、客戶導流、視覺化彙報工作、對資料結果進行圖形分析等這些業務場景都不陌生。
很多後端大多都只提供介面資料,並沒有去構建前端顯示頁面,一來是不專業(各種特效、自適應等),二來是公司有前端,用不到後端來寫。
  但是暫時用到不代表我們不用,用的時候寫不來怎麼辦?下面介紹24種資料視覺化的demo,直接下載下來填充資料就可以跑起來,不滿足的還可以DIY(演示地址+下載地址),yyds。

演示地址

注意:演示中如果有載入失敗的,是環境問題,下載下來執行就好了。

演示地址:https://www.xiongze.net/viewdata/index.html [2]

現有的24種如下:

大資料展示系統、物流資料概況系統、物流訂單系統、物流資訊系統、辦稅渠道監控平臺、車輛綜合管控平臺、

電子商務公共服務中心、各行業程式設計師中心、簡潔大資料統計中心、警務平臺大資料統計、農業監測大資料指揮艙、

農業監控資料平臺、社會治理執行分析雲圖、水質監測大資料中心、水質情況實時監測預警系統、

物聯網大資料統計平臺、消防監控預警、銷售資料包表中心、醫療大資料中心、營業資料統中心、

智慧旅遊綜合服務平臺、智慧社群內網比對平臺、智慧物流服務中心、政務大資料共享交換平臺。

 

echarts圖表庫:Echarts提供了常規的折線圖、柱狀圖、散點圖、餅圖、k線圖,用於統計的盒形圖,用於地理資料視覺化的地圖、熱力圖、線圖,用於關係資料視覺化的關係圖、treemap、旭日圖,多維資料視覺化的平行座標,還有用於 BI 的漏斗圖,儀表盤,並且支援圖與圖之間的混搭。

下面demo裡面的圖示顏色、樣式都可以在 echarts官網-文件-配置項手冊裡面進行檢視, 是支援通過修改裡面的配置項裡面的屬性來達到專案需求,我們可以去進行檢視修改。

下載地址

Git下載連結:https://gitee.com/xiongze/viewdata.git [3]

百度網盤下載連結:https://pan.baidu.com/s/1jgwK6BvrS2rmbkrtW2MpYA      提取碼:xion 

Demo示例(部分)

1、總覽

2、物流資訊展示

3、車輛綜合管控平臺

4、農業監測大資料指揮艙

5、水質情況實時監控預警中心

6、消防監控預警中心

7、醫療大資料中心

8、物聯網平臺資料中心

 更多......

 總共24種,這裡就不一一展示了,大家下載下來就可以玩了。

視覺化應用

  資料視覺化的開發和大部分專案開發一樣,也是根據需求來根據資料維度或屬性進行篩選,根據目的和使用者群選用表現方式。同一份資料可以視覺化成多種看起來截然不同的形式。
  • 有的視覺化目標是為了觀測、跟蹤資料,所以就要強調實時性、變化、運算能力,可能就會生成一份不停變化、可讀性強的圖表。
  • 有的為了分析資料,所以要強調資料的呈現度、可能會生成一份可以檢索、互動式的圖表
  • 有的為了發現資料之間的潛在關聯,可能會生成分散式的多維的圖表。
  • 有的為了幫助普通使用者或商業使用者快速理解資料的含義或變化,會利用漂亮的顏色、動畫建立生動、明瞭,具有吸引力的圖表。
  • 還有的被用於教育、宣傳或政治,被製作成海報、課件,出現在街頭、廣告手持、雜誌和集會上。這類視覺化擁有強大的說服力,使用強烈的對比、置換等手段,可以創造出極具衝擊力自指人心的影像。在國外許多媒體會根據新聞主題或資料,僱用設計師來建立視覺化圖表對新聞主題進行輔助。
  資料視覺化的應用價值,其多樣性和表現力吸引了許多從業者,而其創作過程中的每一環節都有強大的專業背景支援。無論是動態還是靜態的視覺化圖形,都為我們搭建了新的橋樑,讓我們能洞察世界的究竟、發現形形色色的關係,感受每時每刻圍繞在我們身邊的資訊變化,還能讓我們理解其他形式下不易發掘的事物。

參考文獻

[1]百度百科:資料視覺化 

[2]演示地址:https://www.xiongze.net/viewdata/index.html

[3]下載連結:https://gitee.com/xiongze/viewdata.git

[4]資料視覺化概念

 

 
歡迎關注訂閱微信公眾號【熊澤有話說】,更多好玩易學知識等你來取
作者:熊澤-學習中的苦與樂
公眾號:熊澤有話說
出處: https://www.cnblogs.com/xiongze520/p/15588852.html
您可以隨意轉載、摘錄,但請在文章內註明作者和原文連結。  

 

 

 

相關文章