位置:招考资讯网 > 教材中心 > 正文 >

【12个数据可视化工具,人人都能做出酷炫图表】

2018年01月30日 15:41来源:网络整理手机版

导语:今天我们带来一篇来自 Adobe工程师 Rohit Boggarapu的文章。他在文章中介绍了一些适合网页开发者的数据可视化和绘图工具,让你不必再花大力气与枯燥的数据抗争。部分工具不要求写代码也可以使用!

文/ Rohit Boggarapu
编译/优达菌

我们诠释数据的方式和数据本身之间存在着巨大的鸿沟。尤其是当我们唯一的选择是盯着表格中一列列不知所云的数字时。这可能是最无聊的一种格式了。

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

在为你的项目选择合适的绘图工具时,要考虑到许多事情。本文将为你分析适合网页开发者的 12个最好的工具,让你不再花费大把时间跟数据做斗争,而是开始轻松地绘制漂亮的图表。虽然本文推荐的工具是面向网页开发者的,但其中一些并不需要会写代码就能使用。许多工具都有着丰富的交互式例子,即使是新手也能轻松地通过改动代码来创建自定义图表。

1. Google Charts

文档和帮助信息丰富的 Google Charts对于刚刚入门 绘图的人来说是极佳的选择。它的文档里到处都是带注释的代码和逐步的讲解,可以直接用来把 HTML5 / SVG图标嵌入到你的网页中。

【12个数据可视化工具,人人都能做出酷炫图表】

如果你需要更进阶的自定义功能或是 Google原始提供的 18类以外的图表,下面会介绍一些有着更多类别和特性的选择。

适合人群:追求灵活性和良好文档的严肃开发者。

2. MetricsGraphics

【12个数据可视化工具,人人都能做出酷炫图表】

MetricsGraphics是一个在 D3.js的基础上专为可视化时间序列数据而开发的绘图库。虽然它只支持线图、散点图、柱状图、直方图和数据表格,但它在这几类图表上的表现非常强。

跟 Google Charts一样(MetricsGraphics是 Mozilla的产品),丰富的文档和例子使得它很容易上手。比如这个非常有趣的关于 UFO目击事件的交互式例子。

同时它也是一个非常简易和轻量级的选择。

适合人群:追求快速美观同时又不需要写一堆杂乱代码的开发者。

3. FusionCharts

【12个数据可视化工具,人人都能做出酷炫图表】

FusionCharts支持 vanilla JavaScript、jQuery、Angular等一系列高人气的库和框架。它内置 90多种图表和超过 1000种地图,相比 Google Charts和 MetricsGraphics要完整得多。你可以在这里查看它所支持的全部图表类型。

考虑到应用或是网站的拓展性,如果你选择了一个功能不完整的绘图库,这就有可能在将来发展成一个问题。而像 Microsoft、Google和 IBM这样的公司都在使用 FusionCharts,这说明它是一个能满足企业级拓展性需求的工具。

适合人群:需要各种不同种类的易自定义图表的开发者。

4. Epoch

【12个数据可视化工具,人人都能做出酷炫图表】

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

对普通数据和实时数据,Epoch都支持 5种图表类型。这个数量并不能与 FusionCharts或是 Highcharts这种特性完整的产品对抗,但它所专长的是以简单和友好的方式呈现实时数据。

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

5. ECharts

【12个数据可视化工具,人人都能做出酷炫图表】

百度的 ECharts是一个很棒的工具,它支持在绘制完数据后再对其进行操作。这个被称为 Drag-Recalculate的特性使得用户可以在图表之间拖动一部分的数据并得到实时的反馈。同时,ECharts是专为绘制大量数据设计的。它可以瞬间在二维平面上绘制出 20万个点,并用专为 ECharts开发的轻量级 Canvas库 ZRender使数据动起来。

你可以在这里对上图进行操作,来体验 ECharts所提供的特性。

适合人群:想尽量避免写代码并有实时数据操作需求的开发者。

6. D3.js

【12个数据可视化工具,人人都能做出酷炫图表】

虽然并不是对用户最友好的工具,但 d3.js在 JavaScript绘图界的重要性是不可小觑的。许多其他的库都是基于它所开发,因为它提供了你所能想到的所有功能。它支持 HTML、SVG和 CSS,并且有着海量的用户贡献内容来弥补它缺乏自定义内容的劣势。

由于 D3.js的学习曲线比较陡峭,你可以学习优达学城(Udacity)上的《Data Visualization and D3.js》,这门课能为你打下坚实的基础。

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

7. Sigma

【12个数据可视化工具,人人都能做出酷炫图表】

本文地址:http://www.zsdqjt.net/jiaocaizhongxin/13255.html 转载请注明出处!

大家都在看更多>>

今日热点资讯