D3.js – 数据驱动文档

作为一个开源项目，D3.js带来了许多现有库中缺少的强大功能。像功能的动态特性，进入和退出，强大的过渡，并与 jQuery 的语法的熟悉使一个用于制图的最佳JavaScript库。D3.js中的图表通过HTML， SVG 和 CSS 呈现。

与许多其他JavaScript库不同，D3.js不提供任何预先构建的开箱即用图表。但是，您可以查看使用D3.js构建的图表列表以获得概述。如您所见，D3.js支持各种各样的图表类型。

缺点是初学者可能学习难度较大，但有许多教程和资源可以帮助您入门。

D3.js不适用于IE8等旧版浏览器。但是你可以随时使用像aight插件这样的插件来实现跨浏览器的兼容性。

Google Charts

对于不需要复杂自定义的简单项目，Google Charts是一个很好的选择。它提供了许多预先构建的图表，如区域图表， 条形图 ，日历图表，饼图，地理图表等。所有图表都是交互式的，您可以在几分钟内将它们添加到您的页面。

Google Charts还附带了各种自定义选项，可帮助您更改图表的外观。使用HTML5 / SVG呈现图表，为iPhone，iPad和Android提供跨浏览器兼容性和跨平台可移植性。它还包括用于支持旧版IE的VML。

ChartJS

ChartJS为图表提供漂亮的平面设计。它使用HTML5 Canvas元素进行渲染，并支持所有现代浏览器（IE11 +）。

ChartJS图表默认是响应式的。它们适用于手机和平板电脑。有8种不同类型且开箱即用的的图表（线条，条形图，雷达图，圆环图和饼图，极区，气泡图，散点图，区域图），以及混合使用的能力。所有图表都是动画和可自定义的。

Chartist.js

Chartist.js提供了漂亮的响应式图表。就像ChartJS一样，Chartist.js是社区的产物，它使用较为重量级的JavaScript图表库渲染。它使用SVG渲染图表。它可以通过CSS3媒体查询和Sass进行控制和定制。另请注意，Chartist.js提供的酷炫动画仅适用于现代浏览器。

您可以在Chartist.js示例页面上浏览和玩不同类型的图表。图表是交互式的，可以动态编辑它们。

Recharts

Recharts是一个可组合的图表库，用于构建具有分离的，可重用的React组件的图表。它建立在SVG元素和D3.js之上。查看示例列表。

N3-图表

如果您是Angular开发人员，您肯定会发现n3-charts非常有用且有趣。n3-charts建立在D3.js和Angular之上。它以可定制的Angular指令的形式提供各种标准图表。

Ember Charts

Ember Charts是另一个使用D3.js和Ember.js构建的优秀开源库。它提供了易于定制的时间序列，条形图，饼图和散点图。它使用SVG来渲染图表。

ZingChart

ZingChart提供灵活，互动，快速，可扩展和现代化的产品，可快速创建图表。他们的产品被Apple，Microsoft，Adobe，Boeing和Cisco等公司使用，并使用Ajax，JSON，HTML5快速提供外观精美的图表。

ZingChart提供超过35种响应式图表类型和模块，它们还可以实时显示数据。它们可以通过CSS进行样式设置和主题化，并且可以快速呈现大数据。

带有所有图表的品牌版本可免费试用，但对于无水印输出，您需要根据您的业务规模购买ZingChart的付费许可证之一。

Highcharts

Highcharts是另一个非常受欢迎的图形库。它装载了许多不同类型的炫酷动画，足以吸引许多眼球到你的网站。与其他库一样，Highcharts附带了许多预先构建的图形，如样条曲线，面积，区域线，柱，条，饼图，散点图等。图表具有响应性和移动就绪功能。此外，Highcharts还提供了一些高级功能，例如在图表中添加注释。

使用Highcharts的最大优势之一是与旧版浏览器的兼容性 – 甚至可以回溯到Internet Explorer 6.标准浏览器使用SVG进行图形渲染。在旧版Internet Explorer中，使用VML绘制图形。

大多数流行语言（.NET，PHP，Python，R和Java）和框架（Angular，Vue和React）以及iOS和Android都有包装器。

虽然Highcharts是免费供个人使用，但您需要购买商业用途的许可证。

FusionCharts

FusionCharts是最古老的JavaScript图表库之一，早在2002年就已发布。拥有超过100多个图表和1400多张地图，可以说FusionCharts是最全面的JavaScript图表库。它提供了与所有流行的JavaScript框架和服务器端编程语言的集成。使用HTML5 / SVG和VML呈现图表以获得更好的可移植性和与旧版浏览器的兼容性 – 甚至可以回到Internet Explorer 6.这种向后兼容性使其成为很长时间以来非常受欢迎的选择。您可以导出 JPG ，PNG，SVG和PDF格式的图表。

您可以在个人项目中免费使用加水印版本的FusionCharts。但是，您需要购买商业许可证才能删除水印。

Flot

Flot是jQuery的JavaScript图表库。它也是最古老，最受欢迎的图表库之一。

Flot支持线条，点，填充区域，条形和这些的任何组合。它还兼容旧版浏览器 – 回到IE6和Firefox 2。

Flot完全免费使用。这是使用Flot创建的示例图表列表。

amCharts

amCharts无疑是最美丽的图表库之一。它提供图表和地理地图（地图），允许高级数据可视化。

该地图图表包是非常吸引人的。它允许您使用几行代码创建各种交互式地图。该软件包提供的一些强大功能包括地图投影，坐标移动和热图。有很多捆绑的地图，你也可以自己制作。

amCharts使用SVG渲染适用于所有现代浏览器的图表。它提供与TypeScript，Angular，React，Vue和纯JavaScript应用程序的集成。

EJSCharts

EJSCharts是一个用于家庭和企业数据表示和定制的开源解决方案。图表清晰，可读，互动。EJSCharts与旧版浏览器兼容，返回IE6。

uvCharts

uvCharts是一个开源JavaScript图表库，声称拥有100多个自定义选项。它有12种不同的标准图表类型。

uvCharts是用D3.js构建的。它从D3.js中消除所有困难的编码部分，并提供标准图表类型的简单实现。uvCharts使用SVG和HTML5呈现，因此它仅适用于现代浏览器。

Plotly.js

Plotly.js是第一个用于Web的科学JavaScript图表库。它自2015年以来一直是开源的，这意味着任何人都可以免费使用它。Plotly.js支持20种图表类型，包括SVG地图，3D图表和统计图表。它建立在D3.js和stack.gl之上。

CanvasJS

CanvasJS是一个响应式HTML5图表库，具有高性能和简单的API。它支持30种不同的图表类型（包括线，列，条，区域，样条，饼图，圆环图，堆积图等），这些图表都有详细记录。所有图表都包含工具提示，缩放，平移，动画等交互式功能.CanvasJS可以与流行的框架（Angular，React和jQuery）和服务器端技术（PHP，Ruby，Python，ASP.Net，Node.JS）集成。 ，Java）。

TOAST UI图表

TOAST UI Chart是一个开源JavaScript图表库，支持包括IE8在内的旧版浏览器。它包括所有常见的图表类型和地图，可以使用用户定义的主题进行自定义。图表也可以组合在组合图表中，例如带有线的列或带有区域的线等。

AnyChart

AnyChart是一个轻量级且功能强大的JavaScript图表库，其图表旨在嵌入和集成。AnyChart允许您开箱即用地显示68个图表，并提供创建自己的图表类型的功能。您可以将图表另存为PDF，PNG，JPG或SVG格式的图像。

AnyChart为用户提供了五种类型的资源来学习库（文档，API参考，Playground，Chartopedia和FAQ）。

您可以在注册后免费下载水印版本。但是，如果用于商业目的，有必要购买许可证。

END

其实还有很多其他的图表和图表库值得一试：

• GoJS是一个用于交互式流程图，组织结构图，设计工具，规划工具，可视语言的JavaScript图表库。
• C3.js是基于D3的可重用图表库。
• dimple是一种面向对象的API，用于由D3提供支持的业务分析。
• Chart为Charted，是一种可自动显示数据的工具。你只需给它一个数据文件的链接。（您可以在Medium中阅读更多相关信息。）
• 如果您正在处理流实时数据，则Smoothie图表会很有帮助。
• Chartkick.js是一个库，允许您使用一行JavaScript创建漂亮的图表。
• Morris.js是一个功能强大的库，界面干净。它允许您轻松创建美观的图表。它基于jQuery和RaphaëlJavaScript库。

最后，这里有一些简单的工具可以快速创建信息图表：

• infogram可以在几分钟内轻松创建漂亮的信息图表和报告。
• Piktochart是一个简单，直观的工具，可以帮助您展示各种类型的数据。
• Easelly是一个简单的信息图表制作工具，能够可视化任何类型的信息。