可视化图表 12个数据可视化工具，人人都能做出超炫图表！

今天我们带来了Adobe工程师Rohit Boggarapu的一篇文章。他在文章中介绍了一些适合web开发者的数据可视化和绘图工具，让你不用纠结于枯燥的数据。有些工具不用写代码也可以用！

我们解读数据的方式和数据本身有着巨大的差距。尤其是当我们唯一的选择就是盯着表中看不懂的数字的时候。这大概是最无聊的格式了。

没有一个网络开发者会喜欢电子表格。好消息是，现在我们有了许多更优雅的方式来呈现数据，不再需要使用静态的Excel图表。

为您的项目选择合适的绘图工具时，有许多事情需要考虑。本文将为web开发人员分析12种最佳工具，这样您就可以轻松地开始绘制漂亮的图表，而不必花费大量时间与数据作斗争。虽然本文推荐的工具是针对web开发人员的，但是其中一些工具不需要编写代码就可以使用。很多工具都有丰富的交互示例，甚至初学者也可以通过更改代码轻松创建自定义图表。

01谷歌图表

Google Charts文档丰富，帮助信息丰富，对于刚开始Java绘图的人来说是一个绝佳的选择。它的文档充满了注释代码和分步说明，可以直接用来在你的网页中嵌入HTML5/SVG图标。

如果你需要比谷歌最初提供的18个类别更高级的定制功能或图表，这里有一些更多类别和功能的选项。

适合人群:一个认真追求灵活性和良好文档的开发者。

02公制图形

MetricsGraphics是一个基于D3.js为可视化时间序列数据而开发的绘图库，虽然它只支持折线图、散点图、直方图、直方图和数据表，但在这些图表上表现非常好。

像Google Charts (MetricsGraphics是Mozilla的产品)一样，丰富的文档和示例使其易于使用。例如，这个非常有趣的关于不明飞行物目击的互动例子。

同时也是一个非常简单轻便的选择。

适合人群:不写大量乱七八糟代码，追求速度和美观的开发者。

03 FusionCharts

FusionCharts支持一系列流行的库和框架，如香草Java、jQuery和Angular。它包含了90多种图表和1000多种地图，比Google Charts和MetricsGraphics完整得多。您可以在这里看到它支持的所有图表类型。

考虑到应用或者网站的扩展性，如果选择功能不全的图片库，以后可能会成为问题。微软、谷歌、IBM等公司都在使用FusionCharts，这说明它是一个可以满足企业级扩展需求的工具。

适合人群:需要各种易定制图表的开发者。

04新纪元

Epoch是一个基于d3.js的工具，它使得开发者可以很容易的在他们的应用或者网站上部署实时图表。它的文档简洁，完全免费，开源，对于不想花钱买重量级解决方案的人来说是个不错的选择。

对于普通数据和实时数据，Epoch支持五种图表类型。这个数量是无法与FusionCharts或者Highcharts竞争的，它们功能齐全，但是它擅长以简单友好的方式呈现实时数据。

适合人群:需要简单灵活的实时数据展现方案的开发者。

05 ECharts

百度的e-echart是一个很棒的工具，支持绘制后的数据操作。该功能称为拖动-重新计算，使用户能够在图表之间拖动部分数据并获得实时反馈。同时，电子艺术是专门为绘制大量数据而设计的。它可以在二维平面上瞬间绘制20万个点，使用专为ECharts开发的轻量级Canvas库ZRender使数据移动。

您可以在此操作上图，体验ECharts提供的功能。

适合人群:希望避免写代码，需要实时数据操作的开发者。

06 D3.js

虽然不是最用户友好的工具，但d3.js在Java绘图中的重要性不可低估。其他很多库都是基于它的，因为它提供了你能想到的所有功能。它支持HTML、SVG、CSS，并有大量的用户贡献来弥补其定制内容的不足。

适合人群:不怕写代码的硬核画图专家。

07西格玛

与上面提到的工具相比，Sigma有自己独特的定位，那就是绘制图形模型。它开发并提供了一个基于Canvas和WebGL的开放API。所以你可以在GitHub上找到很多社区贡献的插件。比如你可以用Sigma.js画一张这样的图:

西格玛也反应灵敏，支持触摸屏。开发者很容易添加新的函数，并精细控制边和顶点的规格。

适合人群:需要为绘制图形模型而设计的强大工具的开发者。

08高点图

很流行的Highcharts，不用依赖插件就能画出交互图。其灵活的绘图API也受到诺基亚、Twitter、Visa、Facebook等公司的青睐。

Highcharts非商业用途免费，商业许可价格为590美元(含技术支持)。

这是用它画的一个例子:

适合人群:需要借助技术支持绘制各种复杂图表的开发者。

09 dc.js

Dc.js是一个开源的Java图片库。它非常适合创建交互式仪表板。图形是相关的，所以当你与一个部分交互时，其他部分会给出实时反馈。这是一个例子:

除了一些在线课程，你还可以通过各种例子学习使用这个库。浏览完文档后，您将能够创建自己的图表。

虽然dc.js没有ECharts或者Google Charts那么丰富的功能，但是它的卖点做的非常好，那就是很容易呈现和探索巨大的维度数据集。

适合人群:需要为关系图创建仪表板的开发人员。

10个动态图表

Google开发的Dygraphs绝对是绘图工具之星。Google Correlate现在还在用(当然经过了一些设计调整)。它可以用于绘制密集型项目，因为它可以在不影响性能的情况下轻松绘制数百万个数据点，这在很大程度上弥补了它过于简单的美学设计。

从一开始作为Google的内部项目，到最终公开发布，dygraphs一直有着积极的社区支持。同时在GitHub上也是开源的。

适合人群:需要专门为绘制海量数据集而设计的工具并有主动支持的开发者。

11 Vega

Vega是一个基于d3.js的库，用于创建、共享和保存可视图标。它由许多组件组成，其中一些无需编写代码就可以与d3竞争。Vega可以把JSON数据转换成SVG或者HTML5图表。虽然没什么大不了的，但是让这一步很实用。

因为Vega不需要写任何代码(只要能编辑JSON文件)，是d3很好的替代品，可以降低使用复杂度，保持d3的特性。

适合人群:需要d3强大功能又不想从头学起的开发者。

12 NVD3

最后，介绍的工具也是基于d3.js的，作为绘图领域的佼佼者，NVD3由一系列组件组成，允许开发者创建可重用的图标。你可以在它的网站上找到很多演示和相应的代码。这也是开始使用NVD3的最好方法。

如你所见，NVD3的审美风格比d3.js要精致一点

它支持11种图表类型，包括面积图、折线图、直方图、气泡图、饼图和散点图。它还支持IE 10以后的所有现代浏览器和版本。

适合人群:熟悉d3，想要可重用图表的开发者。

结束。

来自网络

你最常用的可视化工具！

边肖将不时地抽奖

也许你是下一个幸运的人

来分享你的信息吧！

Python和SQL技能失败？零基础也要就业数据分析？

零基础就业数据分析，跨专业变动数据分析，也可以！

“零基础就业数据分析——就业类”即将启动

点击试听→“零基础就业数据分析-就业类”试听类

“阅读原文”词条数据分析