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