今天我们带来了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技能失败?零基础也要就业数据分析?
零基础就业数据分析,跨专业变动数据分析,也可以!
“零基础就业数据分析——就业类”即将启动
点击试听→“零基础就业数据分析-就业类”试听类
“阅读原文”词条数据分析
1.《数据可视化图表 12个数据可视化工具,人人都能做出超炫图表!》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《数据可视化图表 12个数据可视化工具,人人都能做出超炫图表!》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/tiyu/1338651.html