有哪些值得推荐的数据可视化工具?

浏览: 1534

我个人JavaScript用的比较多,在JavaScript上有好几个非常好用的第三方库,拿来做数据可视化再适合不过了。排名不分先后的简单介绍一下

image.png

这个库我个人感觉是一个风格很讨喜的库,图标相对简约,颜色也都很活泼。基本上常用的图表类别都有。而且网站做的也很清晰,documentation也比较易懂。缺点嘛就是如果想画一些稍微复杂一点的图,比如甘特图等等,这个库目前还不支持。适用于常见的图表绘制。

  • 二号种子选手 HighCharts.js

这个库可以说是目前来说我最喜欢也用的最多的一个库。第一个原因是,官方自带了肥肠肥肠多的demo!(咳咳,才不是我懒)而且,每一个demo都有像下图这样可以在JSFIDDLE里面调试的源代码,可以说是欲求必满了。基本上想做什么图标,在官方的demo里面翻翻都能找到。即使找不到完美复合需求的,也一定能找到类似的,稍微改改就能用了。可以说是效率神器

image.png

除了常规图表之外,HighCharts下面还有一个专门针对数据地图的Highmaps系列。这个系列的包括了从世界地图到包括中国在内的各个数据地图的模板。具体的使用可以看我在另外一个问题下面的回答

怎么在 Excel 上做数据地图?www.zhihu.com

image.png

这个库要说缺点嘛,就是Highmaps虽然有中国地图,但是并不支持用中文来作为城市或者省份的ID,用起来不如后面我会说到的一个库那么方便。除此之外,墙裂推荐!

  • 三号种子选手 amCharts

image.png

其实amCharts的特点和HighCharts的特点很类似的,也有大量的demo和非常易于调试的源代码,amCharts下面也有amStocks和amMaps两个系列,分别针对金融/股票数据和地图数据。下面这个图官方在stock类别下面的一个demo,注意下面有一个滑动条,是可以放大缩小走势图的时间区间的。

image.png

说实话两个库的demo类比很想,网站长的也挺像的,一度让我怀疑是不是背后是一个团队= = 我个人接触HighCharts.js比较早,所以用的顺手了,也自然更喜欢一些。不过amCharts比HighCharts.js多了甘特图的官方支持,虽然目前的类别还好不是很多,但是HighCharts.js在甘特图方面截止目前为止还是没有支持的。

image.png

四号种子选手 D3.js

image.png

说到用JavaScript数据可视化是不可能不提D3.js,因为D3.js实在是知名度太高,也确实很强大。但是真倒让我推荐这个库,我倒觉得心情有点复杂。原因很简单,它很强大,但也相对很复杂。我刚开始用JavaScript做数据可视化的时候,上来就选择D3.js (以为听人说过太多),但结果我想用自己的数据画一个柱状图,光看documentation就看了半天,还是没有太搞明白。因为他不像前面我介绍的几个库,想画什么类型的图几乎就是括号里面写一下那个类型的英文就搞定,D3需要你比较系统的看完官方文档才会对如何用其画出想要的图表有一个比较好的了解。但是,也正是因为如此,如果你真的掌握了D3,你所能画出的东西将不再局限于官方demo里面给出的那些例子,你可以做出完全复合自己特定需求的数据可视化,而不再拘泥于格式和类别。比如下图就是我之前坐过的一个项目

image.png

所以我对D3.js想说的是,不建议新手从D3入门,但是推荐给熟练使用js的孩子和有很特定或者复制可视化需求的孩子。

  • 五号种子选手 ECharts

image.png

看到这个带baidu的域名相比大家也明白了,这是个咱国人自己做的库。同样,这个库也有大量的官方实例demo,而且看上图右边栏就知道了,几乎覆盖了常用可视化图表的所有类别,非常方便了。而且因为是国内的大牛们做的库,所以很多案例啊数据啊也更加本土化,在国内的孩子用起来应该会更方便一些。

不过还有两点我觉得很棒,首先这个库是完全开源免费的,无论是私用还是商用都可以。其次是ECharts有一个自己的社区,在这个社区里面用户可以上传自己制作的可视化案例和大家交流。也可以提问求助,还算是个挺活跃的社区。能和其他的人一起互动从来画图也没那么枯燥了是嘛

image.png

关于ECharts我稍微觉得不太方便的一点事,在官方案例的源代码中,只给了JavaScript的代码,不像前面提到的JSFIDDLE中把html,css和JavaScript代码分栏列的很清楚。


上面大致介绍了一下五个我个人常用的数据可视化的库。但是如果我说。。上面所有的库你其实都能在Excel用,并且可以用Excel里面的数据来画图,你相信么?

image.png

其实Excel上面有一个叫Funfun的插件,这个插件可以让用户直接在Excel里面编写并且运行JavaScript代码,也因此可以使用上面介绍的JavaScript的第三方的库。

image.png

推荐 0
本文由 EasyCharts 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

0 个评论

要回复文章请先登录注册