6个好用的JavaScript数据可视化库

在 JS 程序中，为了实现漂亮的图形、图表和数据可视化，开发者选择使用开源库。为了帮助开发者轻松地为喜欢的应用程序添加漂亮的数据可视化，本文列出了 2018 年 6 个好用的 JavaScript 数据可视化库。

1.D3js （star 数：80K）

这可能是最流行和使用最广泛的 JavaScript 数据可视化库。D3 用于基于数据的文档操作，并使用 HTML、SVG 和 CSS 让数据活起来。它基于 Web 标准，结合现代浏览器，不需要与专有框架耦合，将可视化组件和数据驱动的方法结合到 DOM 操作上。它允许你将任意数据绑定到文档对象模型（DOM），然后在文档上应用数据转换。

2.ChartJS （star 数：40K）

这是一个非常受欢迎的开源 HTML5 图表库，它使用画布元素构建响应式 Web 应用。ChartJS 提供了混合图表类型、新的图表轴类型和漂亮的动画。它的设计简单而优雅，有 8 种基本的图表类型，你可以将该库与 moment.js 结合在一起使用，用于渲染时间轴。

3.ThreeJS （star 数：45K）

该库使用 WebGL 创建 3d 动画，它的灵活性和抽象性意味着它也可以用于 2 维或 3 维的数据可视化。

4.Raphael （star 数：10K）

这是一个 JavaScript 矢量库，可在 Web 中绘制矢量图形。该库使用 SVG W3C 和 VML 作为创建图形的基础，因此每个图形对象也是 DOM 对象，你可以附加 JavaScript 事件处理程序。

5.C3js （star 数：8K）

C3 是一个基于 D3 的可重用 Web 应用图表库。该库为每个元素提供了相应的类，这样你就可以通过这些类来自定义样式，并通过 D3 直接扩展结构。它还提供了多种 API 和回调来访问图表状态。

6.Metabase （star 数：11K）

该库是一种相当快速和简单的方法，可以在不了解 SQL 的情况下创建数据仪表盘（分析师和数据专业人士可使用 SQL 模式）。你可以创建片段和度量指标，发送数据到 Slack