對於 JS 開發人員來說，視覺化資料的能力與製作互動式網頁一樣有價值。特別是兩者經常同時出現。隨著 JavaScript 在資料視覺化領域的不斷普及，市場上甚至還會出現能夠為 Web 建立漂亮圖表的新庫。

對於視覺化這裡要考慮許多因素：

我想要什麼樣的圖表？餅圖，地理圖，折線圖, 條形圖？

有些庫只支援少數幾種型別。首先要知道自己到底需要哪些。

資料集有多大？

基於 SVG 的庫通常更適合中小型資料集，因為每個元素都是唯一的節點並存在於 DOM 樹中。這也意味著它們允許被直接訪問，從而具有更多的靈活性。雖然你可以藉助一些資料聚合演算法、智慧記憶體管理和其他花哨的技巧使它們能夠處理大型資料集，但是使用基於 Canvas 的大型資料集工具是更可靠的選擇。Canvas 非常快。

該應用是用於Web端、移動端還是兩者兼而有之？

有些庫在響應性方面更好，而其他一些庫有自己的 React Native 版本，如 Victory。

瀏覽器支援給定的庫嗎？

你使用哪種 JavaScript 框架？

確保你的資料庫庫能夠順利執行。如果你在用 React，那麼使用特定於 React 的庫可能比使用包裝器更好。

你需要什麼樣的外觀？

如果你需要一些高階動畫，也應該考慮到這一點。

能夠回答上面提到的問題，會很容易找到完美的開源解決方案。

1、D3.js

適用於：任何環境

GitHub：https://github.com/d3

2、Recharts

適用於：React

GitHub：https://github.com/recharts

3、Victory

適用於：React，React Native

https://github.com/FormidableLabs/victory

4、React-vis

適用於：React

https://uber.github.io/react-vis/

5、ApexCharts

適用於：React，Vue.js，純 JavaScript

GitHub：https://github.com/apexcharts

越來越多的資料視覺化庫證明了視覺化對於 Web 的重要性。希望這個列表可以幫助你在未來的專案中建立漂亮的圖表。祝好運！