这些图有些神奇。 曲线曲线立即揭示了整个局势-流行病，恐慌或繁荣时期的发展历史。 这条线启发，激发想象力，说服人。
亨利 D.哈伯德
您需要使用的数据量在不断增长。 而且，信息越多，处理它就越困难。 这就是为什么数据可视化主题现在变得特别流行的原因-以图形，图表，仪表板的形式，最好是交互式的形式。 数据的可视化表示使我们人们可以花费更少的时间和精力来查看，分析和理解数据，以及基于此做出正确，明智的决策。
几乎没有人会否认在现代HTML5 Web中，JavaScript是用于可视化数据的最通用，最简单的技术。 因此，如果您从事前端开发，那么您很可能已经处理了JS图表的创建，或者在不久的将来会遇到这种情况。
有
许多用于构建图形和图表的JavaScript库，每种库（与其他工具一样）都有其优缺点。 为了让您的生活更轻松，我决定谈一谈我最喜欢的人。 我认为以下十个库是创建图形的最佳JS库，它们确实可以帮助解决几乎任何数据可视化任务。 让我们一起浏览一下清单，并确保您至少基本了解它们，并且没有遗漏任何对当前或将来的大型项目有用的优秀库。
好吧，让我们开始吧：这是用于数据可视化的最佳JS库！
图表
amCharts是一种JavaScript库，对那些正在寻找一种简单而灵活的数据可视化解决方案的人有用。
主要特点
- 许多不同类型的图形，包括交互式地图和甘特图。
- 能够“深入”分析数据（向下钻取）和其他精心设计的交互选项。
- 描述所有必要方法的文档写得很好，尽管就我个人而言，使用起来不太方便。
- 很酷的图形动画。
- 与React，Angular，Vue，Ember等集成
- WordPress的现成插件。
- 将图表导出为图像或PDF文件。
- 实时图形，完全定制，符合W3C标准的特殊功能。
- 为所有用户提供全面的技术支持，并为拥有许可证的客户提供优先服务。
- 客户：微软，亚马逊，Ebay，NASA，三星，Yandex，AT＆T等。
费用
免费版本中的参考品牌。 要删除品牌，您需要购买付费许可证（180美元起），并提供优先支持。
了解有关amCharts的更多信息
任意图
AnyChart是一个完善的，轻量级的，多功能的JS库，用于以SVG / VML呈现方式可视化数据。 允许Web开发人员创建各种图形和图表，以便根据它们做出进一步的决策。
主要特点
- 超过80种图形，包括常规图表，股票图表，地理可视化（地图）以及甘特图和PERT网络图。
- 有许多加载数据的选项：XML，JSON，CSV，JS API，Google表格，HTML表。
- 能够“深入”图表上的数据（向下钻取）。
- 开箱即用的技术分析和注释（绘图工具）技术指标。
- API的全面文档和说明，响应式支持。
- 与Angular，Oracle APEX，React，Elasticsearch，Vue.js，Android，iOS等集成。对于Qlik中的应用程序和仪表板开发人员，有一个专门的现成的Qlik Sense扩展。
- 许多现成的图形，图表，仪表板示例以及带有自动完成代码的特殊沙箱示例。
- 支持较旧的浏览器。
- 导出各种格式的数据，包括PDF报告； jpg，png，svg图片； 带有图形的Excel（XLSX）或CSV数据文件。
- 客户：甲骨文，微软，花旗，三星，诺基亚，AT＆T，福特，大众，洛克希德·马丁等。
费用
水印版本是免费的。 要摆脱品牌影响并有机会在商业项目中使用AnyChart，您需要购买许可证（49美元起）。
了解有关AnyChart的更多信息
Chart.js
Chart.js是一个简单而灵活的JavaScript库，用于数据可视化，在Web设计师和开发人员中很流行。 对于不需要多种类型的图形和单独的设置，但又需要足够使图形看起来整洁，清晰和有用的人来说，这是一个很好的基本解决方案。
主要特点
- 8种图形和图表类型：线性（线性），线性与面积（面积），直纹（条形），圆形（饼形），花瓣“ Radar”（Radar），极坐标（Polar），气泡（Bubble）和散点图（分散）。
- 可以自定义所有类型的图并提供动画，并且它们在网络上工作时都是自适应的。
- 通过使用插件可以增强功能。
- 好的文档。
- 通过堆栈溢出提供支持。
- 支持IE9 +浏览器。
费用
免费的开源库。 根据MIT许可发布。
了解有关Chart.js的更多信息
Chartart.js
Chartist.js是一个简单的开源JS库，也可以用于创建简洁的自适应图形和图表。 一般而言，它非常适合只需要基本折线图，条形图或饼图并且在数据可视化方面不需要太多的用户。 外观漂亮，不需要大量的各种功能。
主要特点
- 仅有三种图表类型：折线图，条形图，饼图。
- 很棒的动画。
- API文档包含所有必需的信息，但是使用它不是很方便（准备进行大量滚动）。
- 允许使用插件扩展功能。
- 它使用SVG绘制图形。
- 支持较旧的浏览器。
费用
开源，免费用于任何目的。
了解有关Chartist.js的更多信息
D3.js
D3.js是功能强大的开源JavaScript数据可视化库。 他在GitHub上有超过2万个分支。 D3的核心更像是框架而不是库。 和她一起工作并不容易，尤其是刚开始时。 但是D3上有许多有用的信息资源。 最后，在该库的帮助下，您可以从头开始创建惊人的原始可视化效果和任何图形，这使D3成为真正值得的工具。
主要特点
- 它支持多种类型的图，远远超过绝大多数其他JavaScript库（例如Voronoi图）。
- 掌握需要时间。 不如清单中的某些商业库（例如AnyChart）那么清晰明了。 由大量的教程和一个非常酷的API补偿。
- 将强大的可视化组件与基于数据的方法相结合来操作DOM。
- 使用浏览器工具轻松调试。
- 很多例子。
- 曲线生成功能。
- 拖放式GUI。
费用
D3是用于创建图形和图表的开源库，它绝对免费，可用于任何目的。
了解有关D3.js的更多信息
融合图
FusionCharts是另一个用于构建交互式图形和图表的优秀库，其中包含数百个现成的示例。 FusionCharts图表同时支持JSON和XML数据。 呈现-通过HTML5 / SVG和VML。
主要特点
- 数十种2D和3D图表类型，以及超过950张覆盖所有大洲的地图。
- 动画和完全互动的图形和地图。
- 适用于ASP.NET，PHP，Ruby on Rails的服务器API。
- 与jQuery，Angular，PHP，ASP.NET，React Native，Django，React，Ruby on Rails，Java等兼容
- 相当详细的用户指南和API说明。
- 图表和仪表板的许多示例。
- 支持较旧的浏览器。
- 导出为PNG，JPG和PDF。
- 支持-通过知识库和社区论坛。
- 为购买许可证的用户提供无限优先级支持。
- 客户：Apple，IBM，Google，Intel，Microsoft，PayPal，Oracle，Adobe等。
费用
免费用于非商业用途。 商业使用的付费许可证（497美元起）。
了解有关FusionCharts的更多信息
谷歌图表
对于那些图表的简单性和稳定性优于复杂，详细的自定义设置的项目，
Google Charts是绝佳的选择。
主要特点
- HTML5 / SVG和VML中的图形渲染。
- 图形，图表，仪表板的许多示例。
- 所有图形都是交互式的，有些还可以缩放和平移。
- 完整的文档。
- 支持较旧的浏览器。
- 通过FAQ，GitHub和论坛提供支持。
费用
免费许可证，但源代码未打开。 它不允许您在服务器上托管Google JS文件，因此如果您使用敏感数据，它可能不适合您。
进一步了解Google图表
高图
Highcharts是功能最丰富，最受欢迎的JavaScript库之一，用于在HTML5中构建图形和图表，并以SVG（VML）进行渲染。 它是轻量级的，支持多种不同类型的可视化选择并提供高性能。
主要特点
- 使用纯JavaScript。 数据可以从外部下载。
- 值得的文档和描述API文档，用户案例。
- 交互性，包括深入分析（“深入”分析数据的能力）。
- 可以与React，Angular，Meteor，.NET，iOS等一起使用
- 导出为PNG，JPG，PDF和SVG格式。
- 通过论坛和Stack Overflow支持免费版本的用户。 高级电子邮件和Skype支持仅适用于拥有相应许可证的商业用户。
- 客户：Visa，Yahoo！，Facebook，Twitter，Groupon，诺基亚，爱立信，万事达卡，Yandex等。
费用
免费用于非商业用途。 对于商业用途，您必须购买许可证（50美元起）。
了解有关Highcharts的更多信息
Plotly.js
Plotly.js是一个免费的高级开源JavaScript库。 基于D3.js和WebGL构建。 它可用于创建许多不同类型的数据可视化，包括例如三维统计图。
主要特点
- 可以嵌入网站或用于创建动态演示文稿的20种图形和图表类型。
- 它用作Python，R，MATLAB的基于浏览器的图表库，将图形抽象为声明性JSON结构。
- 广泛的API文档。
- 漂亮的动画。
- 使用React。
- 将图表导出为PNG和JPG。 可以订阅导出到EPS，SVG和PDF。
- 许多现成的例子。
- 它可以与Excel电子表格一起使用，也可以直接与您的数据库一起使用。
- 支持论坛。
费用
免费的开源库。
了解有关Plotly.js的更多信息
金图
ZingChart是用于创建交互式和自适应图表的有用工具。 这是一个快速而灵活的库，可以轻松处理大数据并生成包含大量数据的图形。
主要特点
- 支持30多种图形和图表。
- 完全可定制，带有CSS设计设置。
- 与jQuery，Angular，Node.js，PHP等兼容
- 实时处理数据，快速呈现任意大小的数据集。
- 可以通过JS对象，JSON，CSV，PHP，AJAX，MySQL加载数据。
- 详细且可读性强的API文档。
- 通过ZingChart帮助中心，堆栈溢出，电子邮件和聊天提供免费和高级支持。
- 客户：微软，波音，Adobe，苹果，思科，谷歌，阿尔卡特等
费用
品牌许可证免费提供对ZingChart库的完全访问权限。 商业用途需要付费许可证（199美元起）。
了解有关ZingChart的更多信息
结论
因此，我列出了用于构建图形和图表的最佳JavaScript库，至少是那些我认为是一流的库。 在绝对考虑所有参数的情况下，将它们全部详尽地比较是非常困难的。 每个人都有其优点和缺点，其选择在很大程度上取决于开发人员的技能以及特定的任务。
当然，有些功能可以使一个库更快，更美观，或更灵活。 但是，最后，列表中的哪些库并不重要，因为最终，最好的是最能完全满足您的特定要求的一个库。
我的建议是至少更进一步地了解所有这些领先的库：当您需要JS图表来可视化特定项目中的数据时，很可能其中一个或多个最适合您。 如果您想更真实地处理列表，请注意
Wikipedia上的
比较 。
如果您需要在交互式地图上可视化数据，而地理趋势，关系，关系，流量等是最重要的，请阅读我以前关于
最佳JavaScript库的文章，
以地图的形式对数据进行地理可视化 （在Habré上有
俄语翻译 ） 。
祝您有美好的一天并享受使用JavaScript进行数据可视化的乐趣！
这是我早些时候在Hacker Noon上发表的《 针对每个数据可视化需求的顶级JavaScript图表库》的翻译。