大屏數(shù)據(jù)可視化是以大屏為主要展示載體的數(shù)據(jù)可視化設(shè)計(jì)。

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

原本看不見(jiàn)的數(shù)據(jù)可視化后，便能調(diào)動(dòng)人的情緒、引發(fā)人的共鳴。

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

今天就給大家分享 30款開(kāi)源的可視化大屏(含源碼)，可以多多學(xué)習(xí)。

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

01 數(shù)據(jù)可視化頁(yè)面設(shè)計(jì)

有動(dòng)畫(huà)效果，顯得高大上！

主要圖表：柱狀圖、水球圖、折線(xiàn)圖等。

展開(kāi)全文

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

不僅有動(dòng)畫(huà)效果，還有科技感光效。

主要圖表：柱狀圖、折線(xiàn)圖、餅圖、地圖等。

03 服務(wù)大數(shù)據(jù)可視化監(jiān)管平臺(tái)

由多個(gè)不同的圖表組合而成，且圖表帶有動(dòng)畫(huà)效果。

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

04 智能看板

左側(cè)有個(gè)滑動(dòng)的信息流列表，中間有個(gè)飛線(xiàn)圖。

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

主要圖表：地圖、曲線(xiàn)圖，餅圖、柱狀圖等。

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

消防數(shù)據(jù)監(jiān)控，有兩個(gè)可旋轉(zhuǎn)的3D柱狀圖。

主要圖表：柱狀圖、氣泡圖、儀表盤(pán)圖、折線(xiàn)圖等。

06 南方軟件視頻平臺(tái)大屏中心

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

主要圖表：柱狀圖、散點(diǎn)圖等。

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

左側(cè)的光效設(shè)計(jì)的不錯(cuò)，使得畫(huà)面飽滿(mǎn)，立體感強(qiáng)。

突出主要視覺(jué)，吸引目光。

08 全國(guó)圖書(shū)零售監(jiān)測(cè)數(shù)據(jù)

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

09 晉城高速綜合管控大數(shù)據(jù)

一個(gè)出行服務(wù)的交通大數(shù)據(jù)平臺(tái)(智慧交通)。

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

10 無(wú)線(xiàn)網(wǎng)絡(luò)大數(shù)據(jù)平臺(tái)

較如今的設(shè)計(jì)，算是比較老舊的。

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

11 Echart圖例使用

Echarts是一個(gè)使用Java實(shí)現(xiàn)的開(kāi)源可視化庫(kù)，涵蓋各行業(yè)圖表，滿(mǎn)足各種需求。

主要圖表：雷達(dá)圖、地圖、餅圖、柱狀圖等。

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

主要圖表：柱狀圖、折線(xiàn)圖、餅圖等。

13 大數(shù)據(jù)可視化平臺(tái)

挺常見(jiàn)的一個(gè)大屏模版。

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

14 設(shè)備大數(shù)據(jù)

這個(gè)大屏就簡(jiǎn)單一些，信息不是很多。

主要圖表：餅圖、柱狀圖、折線(xiàn)圖等。

15 游戲數(shù)據(jù)大屏

一個(gè)游戲運(yùn)營(yíng)數(shù)據(jù)看板。

主要圖表：柱狀圖、曲線(xiàn)圖等。

16 廳店?duì)I業(yè)效能分析

手機(jī)營(yíng)業(yè)廳日常數(shù)據(jù)展示。

主要圖表：曲線(xiàn)圖、柱狀圖等。

17 車(chē)輛綜合管控平臺(tái)

車(chē)輛數(shù)據(jù)分析平臺(tái)，中間也是動(dòng)畫(huà)效果，沒(méi)錄GIF動(dòng)圖。

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

18 保稅區(qū)A倉(cāng)數(shù)據(jù)

一個(gè)較為簡(jiǎn)約的大屏。

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

19 政務(wù)大數(shù)據(jù)共享交換平臺(tái)

主要圖表：餅圖、曲線(xiàn)圖、柱狀圖等。

20 蘭州智慧消防大數(shù)據(jù)平臺(tái)

主要圖表：折線(xiàn)面積圖、柱狀圖等。

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

一個(gè)大屏通用模版。

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

22 大數(shù)據(jù)展示模版

同樣是一個(gè)可視化大屏模版。

主要圖表：地圖、柱狀圖、條形圖、曲線(xiàn)面積圖、雷達(dá)圖。

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

主要圖表：條形圖、曲線(xiàn)面積圖、雷達(dá)圖等。

24 智慧社區(qū)

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

主要圖表：柱狀圖、曲線(xiàn)面積圖、餅圖等。

25 運(yùn)營(yíng)商服務(wù)器監(jiān)控

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

主要圖表：條形圖、儀表盤(pán)圖、雷達(dá)圖、水球圖等。

26 酒機(jī)運(yùn)行狀態(tài)

主要圖表：儀表盤(pán)圖、餅圖、柱狀圖等。

27 醫(yī)療督導(dǎo)平臺(tái)

這個(gè)在疫情期間，應(yīng)該是非常有用的。

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

28 物流云數(shù)據(jù)看板平臺(tái)

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

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

29 大數(shù)據(jù)可視化平臺(tái)(Vue.js)

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

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

npm install

npm run serve

主要圖表：餅圖、條形圖、雷達(dá)圖、折線(xiàn)圖等。

30 風(fēng)機(jī)可視化大屏

一個(gè)3D風(fēng)機(jī)可視化大屏，可以看到風(fēng)機(jī)內(nèi)部組件的運(yùn)行情況。

主要圖表：條形圖、折線(xiàn)圖等。

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

- EOF -

點(diǎn)擊標(biāo)題可跳轉(zhuǎn)

1、 一圖勝千言！數(shù)據(jù)可視化多維講解

2、 別找了，最全數(shù)據(jù)可視化配色指南在這

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

覺(jué)得本文對(duì)你有幫助？請(qǐng)分享給更多人

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

點(diǎn)贊和在看就是最大的支持??