大數(shù)據(jù)時(shí)候，讓數(shù)據(jù)產(chǎn)生價(jià)值，不管大小公司都系統(tǒng)搞點(diǎn)數(shù)據(jù)可視化的大屏，這樣顯得高大上?，F(xiàn)在做低代碼大屏的產(chǎn)品也挺多的，處理好數(shù)據(jù)之后，通過拖拉拽就能很快捷的做出一個(gè)漂亮的大屏界面。有些公司吧，平時(shí)吹牛說：“咱們不缺錢，需要什么產(chǎn)品，花錢買就是?！?，但是，真遇到要錢購買的時(shí)候，就開始低調(diào)了：“咱們要降低成本，盡量還是自己做吧，是在不行再說。”。這么就分享幾個(gè)做大屏的時(shí)候可以用到的一些開源組件。

DataV

阿里開源的基于Vue/React組件庫 ，主要用于構(gòu)建大屏（全屏）數(shù)據(jù)展示頁面即數(shù)據(jù)可視化，具有多種類型組件可供使用：帶有不同邊框的容器,用來點(diǎn)綴頁面效果，增加視覺效果,圖表組件基于Charts封裝，輕量，易用。

邊框

邊框均由SVG元素繪制，體積輕量不失真，它們的使用極為方便，邊框組件默認(rèn)寬高均為100%，邊框內(nèi)部的節(jié)點(diǎn)將被slot插槽分發(fā)至邊框組件下class為border-box-content的容器內(nèi)。

邊框

裝飾

可以使用裝飾去點(diǎn)綴你的頁面，以增強(qiáng)視覺效果，與邊框組件相同，他們也是用SVG元素繪制的。

裝飾

其它

其它的輪播，圖表，進(jìn)度池等插件也非常豐富。

另外，DataV也有些不錯(cuò)的Demo可以借鑒。

代碼地址:https://github.com/DataV-Team/DataV.git。
Demo地址:https://github.com/DataV-Team/datav.jiaminghi.com.git。

AntV

AntV是螞蟻金服開發(fā)的一套數(shù)據(jù)可視化解決方案，基于G2、G6和F2三個(gè)可視化圖形庫構(gòu)建。AntV提供了一系列的數(shù)據(jù)可視化組件，包括表格、柱狀圖、折線圖、餅圖、散點(diǎn)圖、雷達(dá)圖、地圖等，并且支持多種數(shù)據(jù)源、交互方式和動(dòng)態(tài)渲染。AntV不僅能夠提供簡單直觀的圖形展示，還能夠幫助用戶深入理解數(shù)據(jù)背后的本質(zhì)規(guī)律和潛在關(guān)系。

AntV的主要特點(diǎn)包括：

1. 功能豐富：AntV提供了多種常用的數(shù)據(jù)可視化組件和布局方式，可以快速構(gòu)建出各種類型的圖表和儀表盤。
2. 可定制性強(qiáng)：AntV支持自定義樣式、交互行為、標(biāo)記點(diǎn)、標(biāo)記線等圖形元素，滿足用戶個(gè)性化需求。
3. 兼容性好：AntV支持多種數(shù)據(jù)格式和數(shù)據(jù)源，包括JSON、CSV、Excel、數(shù)據(jù)庫和API等，同時(shí)也支持移動(dòng)端和桌面端的展示。
4. 性能優(yōu)良：AntV利用WebGL、Canvas等技術(shù)實(shí)現(xiàn)高效繪制和渲染，同時(shí)也支持大數(shù)據(jù)量下的流暢展示。
5. 社區(qū)活躍：AntV有一個(gè)龐大的開發(fā)者社區(qū)，提供了豐富的示例代碼、API文檔和教程資料，方便用戶學(xué)習(xí)和使用。
   AntV能夠廣泛應(yīng)用于數(shù)據(jù)分析、業(yè)務(wù)監(jiān)控、客戶洞察等場景，特別是在電商、金融、物流等領(lǐng)域得到了廣泛的應(yīng)用。如果您對(duì)數(shù)據(jù)可視化有興趣，可以考慮學(xué)習(xí)和使用AntV來構(gòu)建出更加美觀、實(shí)用和有效的可視化大屏。

代碼地址:https://github.com/antvis/。

D3.js

D3.js是一個(gè)基于JavaScript的開源數(shù)據(jù)可視化庫，它利用了Web標(biāo)準(zhǔn)（如HTML、CSS和SVG）來創(chuàng)建動(dòng)態(tài)和交互式的數(shù)據(jù)可視化。D3.js是Data-Driven Documents的縮寫，代表著將文檔作為數(shù)據(jù)驅(qū)動(dòng)的思想。豐富的可視化組件,靈活性和可定制性,適用于各種不同的可視化應(yīng)用場景

代碼地址：https://github.com/d3/d3.git。

ECharts

ECharts是一個(gè)由百度開發(fā)的基于 JavaScript 的可視化庫，用于創(chuàng)建各種類型的圖表和地圖可視化。ECharts 采用 Apache 許可證 2.0 開源協(xié)議。其支持多種常見的數(shù)據(jù)可視化圖表，例如線圖、柱狀圖、散點(diǎn)圖、餅圖等等，同時(shí)也支持一些高級(jí)圖表類型，例如關(guān)系圖、樹形圖、熱力圖等等。此外，ECharts 還支持地圖可視化，并提供了多個(gè)國家和地區(qū)的地圖數(shù)據(jù)。

代碼地址:https://github.com/apache/echarts.git。