大屏數據可視化是以大屏為主要展示載體的數據可視化設計。

“大面積、炫酷動效、豐富色彩”，大屏易在觀感上給人留下震撼印象，便于營造某些獨特氛圍、打造儀式感。

原本看不見的數據可視化后，便能調動人的情緒、引發(fā)人的共鳴。

大屏數據可視化目前主要有信息展示、數據分析及監(jiān)控預警三大類。

今天就給大家分享 30款開源的可視化大屏(含源碼)，可以多多學習。

下載到本地后，直接運行文件夾中的 index.html，即可看到大屏。

01 數據可視化頁面設計

有動畫效果，顯得高大上！

主要圖表：柱狀圖、水球圖、折線圖等。

展開全文

02 數據可視化演示系統(tǒng)

不僅有動畫效果，還有科技感光效。

主要圖表：柱狀圖、折線圖、餅圖、地圖等。

03 服務大數據可視化監(jiān)管平臺

由多個不同的圖表組合而成，且圖表帶有動畫效果。

主要圖表：樹形面積圖、柱狀圖、環(huán)形圖、雷達圖等。

04 智能看板

左側有個滑動的信息流列表，中間有個飛線圖。

動態(tài)效果，讓整體看起來更加引人注目。

主要圖表：地圖、曲線圖，餅圖、柱狀圖等。

05 翼興消防監(jiān)控

消防數據監(jiān)控，有兩個可旋轉的3D柱狀圖。

主要圖表：柱狀圖、氣泡圖、儀表盤圖、折線圖等。

06 南方軟件視頻平臺大屏中心

中間的柱狀圖添加了漸變顏色，顯得很有立體感！

主要圖表：柱狀圖、散點圖等。

07 數據可視化大屏展示系統(tǒng)

左側的光效設計的不錯，使得畫面飽滿，立體感強。

突出主要視覺，吸引目光。

08 全國圖書零售監(jiān)測數據

主要圖表：地圖、環(huán)形圖、柱狀圖、折線圖等。

09 晉城高速綜合管控大數據

一個出行服務的交通大數據平臺(智慧交通)。

主要圖表：柱狀圖、折線圖、曲線面積圖、地圖、雷達圖、環(huán)形圖等。

10 無線網絡大數據平臺

較如今的設計，算是比較老舊的。

主要圖表：柱狀圖、環(huán)形圖、折線圖、地圖等。

11 Echart圖例使用

Echarts是一個使用Java實現的開源可視化庫，涵蓋各行業(yè)圖表，滿足各種需求。

主要圖表：雷達圖、地圖、餅圖、柱狀圖等。

12 發(fā)稿數據可視化大屏

主要圖表：柱狀圖、折線圖、餅圖等。

13 大數據可視化平臺

挺常見的一個大屏模版。

主要圖表：環(huán)形圖、氣泡圖等。

14 設備大數據

這個大屏就簡單一些，信息不是很多。

主要圖表：餅圖、柱狀圖、折線圖等。

15 游戲數據大屏

一個游戲運營數據看板。

主要圖表：柱狀圖、曲線圖等。

16 廳店營業(yè)效能分析

手機營業(yè)廳日常數據展示。

主要圖表：曲線圖、柱狀圖等。

17 車輛綜合管控平臺

車輛數據分析平臺，中間也是動畫效果，沒錄GIF動圖。

主要圖表：柱狀圖、環(huán)形圖、折線圖等。

18 保稅區(qū)A倉數據

一個較為簡約的大屏。

主要圖表：曲線面積圖、環(huán)形圖、柱狀圖(可滑動)等。

19 政務大數據共享交換平臺

主要圖表：餅圖、曲線圖、柱狀圖等。

20 蘭州智慧消防大數據平臺

主要圖表：折線面積圖、柱狀圖等。

21 大數據可視化系統(tǒng)數據分析通用模版

一個大屏通用模版。

主要圖表：條形圖、柱狀圖、曲線圖、環(huán)形圖等。

22 大數據展示模版

同樣是一個可視化大屏模版。

主要圖表：地圖、柱狀圖、條形圖、曲線面積圖、雷達圖。

23 大數據可視化系統(tǒng)數據分析通用模版

主要圖表：條形圖、曲線面積圖、雷達圖等。

24 智慧社區(qū)

一個智慧小區(qū)的可視化大屏。

主要圖表：柱狀圖、曲線面積圖、餅圖等。

25 運營商服務器監(jiān)控

一個服務器監(jiān)控大屏，了解服務器的運行情況。

主要圖表：條形圖、儀表盤圖、雷達圖、水球圖等。

26 酒機運行狀態(tài)

主要圖表：儀表盤圖、餅圖、柱狀圖等。

27 醫(yī)療督導平臺

這個在疫情期間，應該是非常有用的。

主要圖表：環(huán)形圖、柱狀圖等。

28 物流云數據看板平臺

物流信息看板，點擊左上角「物流匯總看板」按鈕，可以看到匯總信息。

主要圖表：柱狀圖、環(huán)形圖、面積圖等。

29 大數據可視化平臺(Vue.js)

上面的大部分大屏都是基于jquery，echarts編寫的，最后提供兩個Vue.js編寫的可視化大屏。

需要安裝npm環(huán)境，最后運行如下代碼，即可顯示。

npm install

npm run serve

主要圖表：餅圖、條形圖、雷達圖、折線圖等。

30 風機可視化大屏

一個3D風機可視化大屏，可以看到風機內部組件的運行情況。

主要圖表：條形圖、折線圖等。

上述可視化大屏資源已打包，關注 Python開發(fā)者 公號，回復關鍵字 可視化大屏 即可獲取。

- EOF -

點擊標題可跳轉

1、 一圖勝千言！數據可視化多維講解

2、 別找了，最全數據可視化配色指南在這

3、 PyEcharts 繪制 20 款炫酷交互式圖

覺得本文對你有幫助？請分享給更多人

推薦關注「Python開發(fā)者」，提升Python技能

點贊和在看就是最大的支持??