大家好，我是你們的 貓哥，那個(gè)不喜歡吃魚、又不喜歡喵 的超級(jí)貓 ~

今天繼續(xù)推薦前端必備項(xiàng)目!

平時(shí)如何發(fā)現(xiàn)好的開源項(xiàng)目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項(xiàng)目。

1. three.js

JavaScript 3D Library.

這個(gè)項(xiàng)目，做為前端開發(fā)都應(yīng)該知道的哈!

該項(xiàng)目的目的是創(chuàng)建一個(gè)易于使用、輕量級(jí)、跨瀏覽器的通用 3D 庫(kù)。當(dāng)前的構(gòu)建僅包含 WebGL 渲染器，但示例中也提供了 WebGPU(實(shí)驗(yàn)性)、SVG 和 CSS3D 渲染器。

??https://github.com/mrdoob/three.js.??

2. Chart.js

為設(shè)計(jì)人員和開發(fā)人員提供簡(jiǎn)單而靈活的 JavaScript 圖表。

??https://github.com/chartjs/Chart.js.??

3. echarts

Apache ECharts 是一個(gè)功能強(qiáng)大的交互式圖表和數(shù)據(jù)可視化庫(kù)，適用于瀏覽器

??https://github.com/apache/echarts.??

4. recharts

Recharts 是一個(gè)用 React 和 D3 構(gòu)建的重新定義的圖表庫(kù)。這個(gè)庫(kù)能幫助你在 React 應(yīng)用中輕易繪制圖表，Recharts 的主要特點(diǎn)：

• 簡(jiǎn)單地使用 React 組件進(jìn)行部署。
• 支持原生 SVG，輕量級(jí)應(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 是一個(gè)非常簡(jiǎn)單而且實(shí)用的 JavaScript 前端圖表生成器，它支持 SVG。

格式，圖表數(shù)據(jù)轉(zhuǎn)換十分靈活，同時(shí)也支持多種圖表展現(xiàn)形式，不失為一款前端開發(fā)者的開發(fā)利器。

??https://github.com/gionkunz/chartist-js.??

7. apexcharts.js

ApexCharts.JS 是一個(gè)現(xiàn)代化 JavaScript 圖表庫(kù)，用于使用簡(jiǎn)單的 API 構(gòu)建交互式圖表和可視化。

??https://github.com/apexcharts/apexcharts.js.??

8. G2

G2 是一套基于圖形語(yǔ)法理論的可視化底層引擎，以數(shù)據(jù)驅(qū)動(dòng)，提供圖形語(yǔ)法與交互語(yǔ)法，具有高度的易用性和擴(kuò)展性。使用 G2，你可以無(wú)需關(guān)注圖表各種繁瑣的實(shí)現(xiàn)細(xì)節(jié)，一條語(yǔ)句即可使用 Canvas 或 SVG 構(gòu)建出各種各樣的可交互的統(tǒng)計(jì)圖表。

??https://github.com/antvis/G2.??

9. highcharts

讓數(shù)據(jù)可視化更簡(jiǎn)單 兼容 IE6+、完美支持移動(dòng)端、圖表類型豐富、方便快捷的 HTML5 交互性圖表庫(kù)。

??https://github.com/highcharts/highcharts.??

10. nivo

nivo提供增壓的 React 組件來(lái)輕松構(gòu)建 dataviz 應(yīng)用程序，它建立在 d3 之上。

已經(jīng)存在幾個(gè)用于 React d3 集成的庫(kù)，但只有少數(shù)提供了服務(wù)器端渲染能力和完全聲明性的圖表。

??https://github.com/plouc/nivo.??