对于 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 的重要性。希望这个列表可以帮助你在未来的项目中创建漂亮的图表。祝好运！
