让数据可视化变得简单 – JavaScript 图形库

©作者 | 董叶

公司决策层会围绕着数据来制定相应的策略，数据的重要性与日俱增，政府、金融机构、互联网大厂正在以前所未有的速度收集数据，面对扑面而来的数据，没有抽象、视觉层的帮助，我们很难快速理解掌握其中信息，正确的图形工具往往是致胜的关键。

对于JS开发人员而言，数据可视化能力和开发网页一样重要，特别是需要将两者结合起来的时候，在大数据时代，在网页中显示数据统计图表，从而能很直观地了解数据的走向。

随着JavaScript 在数据可视化方向的日益普及，涌现出一大批JavaScript图形库为前端网页创建精美的图表，但是如何选择合适JavaScript 图形库需要考虑许多因素：

1 想构建什么样的图表？饼图、地图、线条、条形图？

2 数据集有多大？ 基于 SVG 的库通常更适合中小型数据集，基于Canvas 则是大型数据集更可靠的选择。

3 应用程序是用于Web、移动还是两者兼而有之？

4 使用的JavaScript 框架？

5 何时使用对应的图形库？ 如果是自有研发，前期成本高，但是后期可塑性强。

百度和谷歌都开发了对应的图形库，Echart、Google Charts , 以下介绍的几款图形库有着各自不同的特点。

01 D3.js