玩轉(zhuǎn)可視化圖表篇,推薦十個你最應(yīng)該知道的可視化圖表項目,YYDS !
大家好,我是你們的 貓哥,那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
今天繼續(xù)推薦前端必備項目!
平時如何發(fā)現(xiàn)好的開源項目,可以看看這篇文章:GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項目。
1. three.js
JavaScript 3D Library.
這個項目,做為前端開發(fā)都應(yīng)該知道的哈!
該項目的目的是創(chuàng)建一個易于使用、輕量級、跨瀏覽器的通用 3D 庫。當(dāng)前的構(gòu)建僅包含 WebGL 渲染器,但示例中也提供了 WebGPU(實驗性)、SVG 和 CSS3D 渲染器。
??https://github.com/mrdoob/three.js.??
2. Chart.js
為設(shè)計人員和開發(fā)人員提供簡單而靈活的 JavaScript 圖表。
??https://github.com/chartjs/Chart.js.??
3. echarts
Apache ECharts 是一個功能強大的交互式圖表和數(shù)據(jù)可視化庫,適用于瀏覽器
??https://github.com/apache/echarts.??
4. recharts
Recharts 是一個用 React 和 D3 構(gòu)建的重新定義的圖表庫。這個庫能幫助你在 React 應(yīng)用中輕易繪制圖表,Recharts 的主要特點:
- 簡單地使用 React 組件進行部署。
- 支持原生 SVG,輕量級應(yīng)用一些 D3 子模塊。
??https://github.com/recharts/recharts.??
5. vue-echarts
Apache ECharts 的 Vue.js 組件。
??https://github.com/ecomfe/vue-echarts.??
6. chartist-js
Chartist.js 是一個非常簡單而且實用的 JavaScript 前端圖表生成器,它支持 SVG。
格式,圖表數(shù)據(jù)轉(zhuǎn)換十分靈活,同時也支持多種圖表展現(xiàn)形式,不失為一款前端開發(fā)者的開發(fā)利器。
??https://github.com/gionkunz/chartist-js.??
7. apexcharts.js
ApexCharts.JS 是一個現(xiàn)代化 JavaScript 圖表庫,用于使用簡單的 API 構(gòu)建交互式圖表和可視化。
??https://github.com/apexcharts/apexcharts.js.??
8. G2
G2 是一套基于圖形語法理論的可視化底層引擎,以數(shù)據(jù)驅(qū)動,提供圖形語法與交互語法,具有高度的易用性和擴展性。使用 G2,你可以無需關(guān)注圖表各種繁瑣的實現(xiàn)細節(jié),一條語句即可使用 Canvas 或 SVG 構(gòu)建出各種各樣的可交互的統(tǒng)計圖表。
??https://github.com/antvis/G2.??
9. highcharts
讓數(shù)據(jù)可視化更簡單 兼容 IE6+、完美支持移動端、圖表類型豐富、方便快捷的 HTML5 交互性圖表庫。
??https://github.com/highcharts/highcharts.??
10. nivo
nivo提供增壓的 React 組件來輕松構(gòu)建 dataviz 應(yīng)用程序,它建立在 d3 之上。
已經(jīng)存在幾個用于 React d3 集成的庫,但只有少數(shù)提供了服務(wù)器端渲染能力和完全聲明性的圖表。