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


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


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


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


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



1. Google Charts


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




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


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



2. MetricsGraphics



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


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


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


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



3. FusionCharts




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


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


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



4. Epoch




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


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


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



5. ECharts




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


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


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



6. D3.js




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


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



7. Sigma


跟上面已经提到过的工具相比,Sigma 有着自己独特的定位,那就是图模型的绘制。它基于 Canvas 和 WebGL 开发并提供了公开的 API。所以你可以在 GitHub 上找到社区贡献的许多插件。举例来说,你可以用 Sigma.js 画出这样的图:




Sigma 同时也是响应式的,并支持触屏。开发者很容易添加新的功能以及精细地控制边和顶点的规格。

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



8. Highcharts


人气极高的 Highcharts 可以在不依赖插件的情况下绘制交互式的图表。它高灵活性的绘图 API 也被 Nokia、Twitter、Visa 和 Facebook 这样的公司所青睐。


Highcharts 对于非商业使用是免费的,而商业许可的价格是一份 590 美元(附带技术支持)。


这是一个用它绘制的例子:




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



9. dc.js


dc.js 是一个开源的 JavaScript 绘图库。它非常适合用来创建交互式的仪表盘(Dashboard)。图表之间是有联系的,所以当你与其中一个部分进行交互时,其他部分都会做出实时的反馈。这是一个例子:





除了一些在线课程以外,你可以通过各种例子来学习使用这个库。等你照着文档动手一遍以后就有能力创建自己的图表了。


虽然 dc.js 并没有像 ECharts 或是 Google Charts 那样丰富的功能,但它在自己的卖点——易于呈现和探索巨量的维度数据集上做的非常好。


适合人群:需要为关系型图表创建一个仪表盘的开发者。



10. dygraphs




由 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 是由一系列部件组成的,允许开发者创建可重用的图标。你可以在它的网站上找到许多 demo 和对应的代码。这也是上手 NVD3 的最佳方式。


你可以看到,NVD3 的审美风格要比 d3.js 更为精致一点。




它支持 11 种图表类型,包括区域图、线图、柱状图、气泡图、饼状图和散点图。同时也支持所有现代浏览器以及 IE 10 以后的版本。


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


文:Rohit Boggarapu

来源:优达学城


精彩活动

福利 · 阅读 | 免费申请读大数据新书 第23期

推荐阅读

2017年数据可视化的七大趋势! 

全球100款大数据工具汇总(前50款) 

论大数据的十大局限

大数据时代的10个重大变革

大数据七大趋势 第一个趋势是物联网


Q: 你还在用哪些好用的数据可视化工具?

欢迎留言与大家分享

请把这篇文章分享给你的朋友

转载 / 投稿请联系:hzzy@hzbook.com

更多精彩文章,请在公众号后台点击“历史文章”查看

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/51209.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

3种好用的可视化图表工具分享,快进来看!

在日常的各种工作中,我们都需要使用各种各样的图表来将数据进行可视化处理。但是不管你用何种工具制作图表,都会遇到一个问题,我该选用哪种图表形式? 说到图表,很多人首先想到是折线图或者柱状图等这些图表的分类。大…

Power BI 精美的可视化图表

传送门fiufiufiu~实用炫酷 | 那些精美的Power BI可视化图表 原文推荐了50个好用、好看、免费、无水印的Power BI自定义图表。 个人比较感兴趣的有4个: 1 Chiclet slicer(前面开发报表的时候没有完整地还原客户的需求,有一点小遗憾QAQ&#…

超强可视化图表工具:Smartbi!!

要制作出专业的可视化图表,还是需要一定的学习成本的,并且需要大量的时间。并且即使是制作出来,配色也是一大难题,对于一般人而言,通常会通过两种方式实现可视化大屏的制作: 1、写代码 大部分人可能会选择…

九龙证券|长线资金整体加仓 青睐能源科技材料等板块

Wind数据显现,到3月14日记者发稿,已有117家A股上市公司发表2022年报。在上述公司的前十大流通股股东中,社保基金、险资、QFII等组织已多次出现。从调仓布局来看,长线资金全体呈加仓态势,社保基金青睐材料、信息技术等职…

22.5.4-花旗杯金融科技

区块链 先播放了产品界面的使用视频,其中每个过程中增加了简洁明了的中英文字幕 有专门的后台管理系统 有必要对于一些金融业务的相关性和匹配性进行对应的关联和介绍 接着从不同的角度去分析了需求,分析对于我们这个产品的需求——层次确实分的不错&am…

CTP程序化交易入门系列之三:获取实时行情及k线合成

前面两篇有了基础知识的准备,这一篇讲通过CTP API获取实时行情,录入csv,实时合成k线。github上开源了录入csv及合成k线代码,后台回复pyctp可获取。先上两张效果图: 图1 csv数据 图2 1分钟K线图 一、CTP行情API介绍 CTP…

三月券商金工精选

✦研报目录✦ ✦简述✦ 按发布时间排序 东北证券 因子选股系列之四:高频数据下的已实现高阶矩因子及改进 发布日期:2023-03-01 关键词:股票、高频数据、高阶矩 主要内容:本文作为对高频因子研究的初探。对于收益率分布类别中…

十一月券商金工精选

✦ 研报目录 ✦ ✦ 简述 ✦ 按发布时间排序 国信证券 财报中的竞争对手分析能否用来预测股票收益? 发布日期:2022-11-01 关键词:股票、文本分析、竞争对手 主要内容:竞争对手提及次数被定义为一家公司在全市场所有公司的最新…

九月券商金工精选

✦研报目录✦ ✦简述✦ 按发布时间排序 国盛证券 可转债资产替代策略与多因子策略 发布日期:2022-09-01 关键词:可转债、多因子 主要内容:报告主要从两个方面进行了研究:1)如何构建偏债型转债的Beta策略&#xf…

十月券商金工精选

✦研报目录✦ ✦简述✦ 按发布时间排序 华福证券 估值系列专题(二):市场大底都长咋样?从估值分位数角度进行复盘 发布日期:2022-10-09 关键词:股票、指数、估值 主要内容:文章发现宽基指数的…

蒋鑫鸿:9.10国际黄金原油最新外盘行情趋势点评附解一套技术指导

​  明月本无价,高山皆有情。人虽不至,心向往之。蒋鑫鸿衷心祝愿您和家人团圆美满,幸福安康!      在黄金原油白银这个高风险高收益的市场,不是谁随随便便投入就能轻松赚个盆满钵满。它是需要专业的分析团队做好…

九龙证券|这一刻,资本市场进入全新时代!

2023年4月10日,第一批10家主板注册制企业上市鸣锣敲钟,奏响了触及本钱商场灵魂深处革新的序曲。 动能切换中的我国对于高效资源配置的渴望,与革新进行时的本钱商场对于全面注册制的探究,一起凝集成一股连绵有力之暖流,…

金融信息化及交易管理系统(股票交易系统APP)

目 录 1 绪 论 1 1.1 选题背景及意义 1 1.2 研究现状 1 1.3 研究主要内容 4 2 需求分析与实施方案 5 2.1 虚拟金融信息化交易系统的功能 5 2.2 可行性分析 5 2.3 系统开发技术 5 2.4 系统开发工具及环境 6 2.5 系统开发方式 7 3 需求分析 8 3.1 系统结构 8 3.2 系统描述 9 3.2.…

十二月券商金工精选

✦研报目录✦ ✦简述✦ 按发布时间排序 华宝证券 主动暴露的得与失—从Barra框架到私募指增因子分析方法 发布日期:2022-12-01 关键词:股票、Barra、风险暴露、指数增强 主要内容:本文针对私募指数增强产品的策略流程,设计…

同建金融IT新生态——令克软件富途证券达成战略合作

最新消息!令克软件与富途证券国际(香港)有限公司达成战略合作,并签署战略合作协议!双方将本着互惠互利的共赢原则,充分发挥富途证券在全球主流金融市场的优势,开启新型战略合作,共同…

解决微信QQ邮箱提醒收不到通知的问题

微信中的QQ邮箱提醒功能很实用, 但是有一天我发现收不到提醒了. 网上搜索基本都是说安装QQ邮箱然后把仅在QQ邮箱接收通知的开关关闭, 可是我这样操作后仍然收不到通知. 今天登录web页QQ邮箱查看账户设置, 偶然发现邮箱的pop3,smtp服务的"开启"是禁止的, 并提示要取…

设置谷歌邮箱gmail转发到qq邮箱550 DMARC check failed

手机qq邮箱收gmail反应太慢,要刷新好久。直接转发反应比较快,延迟大概5秒以内 前提 能上一次谷歌邮箱 1.谷歌邮箱设置 这部分可以参考这篇百度经验,我就不重复了。 https://jingyan.baidu.com/article/375c8e19a0683925f2a229f9.html …

在telnet登录并使用SMTP和POP收发邮件(QQ邮箱)

目录 一、什么是POP3、SMTP和IMAP?二、使用SMTP协议手工发送邮件1.开启QQ邮箱的SMTP服务2.开启TELNET客户端3.使用SMTP协议手工发送邮件 三、POP查看邮件四、总结参考资料 一、什么是POP3、SMTP和IMAP? POP3 POP3是Post Office Protocol 3的简称,即邮局协议的第…

手机查看企业qq邮件服务器,QQ企业邮箱怎么用?手机QQ邮箱收发邮件的方法

QQ企业邮箱,是腾讯提供的一项免费服务,您只要有自己的域名就能创建自己的邮箱系统,QQ邮箱手机软件,设置相对简单,两者结合,能够提高我们的工作效率,方便我们的工作。 软件名称:QQ邮箱…