做出酷炫的动态统计图表,不一定要写代码

大家在网上冲浪这么久,应该都看到过不少酷炫的图表。我之前也分享过一次:

数据是美丽的

近来随着视频的流行,很多图表也被做成了动态的视频。尤其是跟时间相关的数据,用视频来展示更加直观和震撼。

比如B站上有个很火的世界各国GDP变化

这个动态图表的作者是B站UP主 Jannchie见齐,是基于 JavaScript 的数据可视化库 D3.js 完成的。

虽然我们编程教室整天在讲代码。但我知道,有很多读者在代码方面并不擅长,只是需要完成某种任务,数据可视化就是其中很常见的一项。

这种情况下,其实我们大多数时候是可以不需要自己写代码,或者只需要在别人开源工具的基础上做少量改动就可以完成的。用程序员圈的一句话说就是:不要重复造轮子

下面我就分享动态图表几个特别好用的轮子:

  Historical-ranking-data-visualization-based-on-d3.js  

https://github.com/Jannchie/Historical-ranking-data-visualization-based-on-d3.js

首先这个名字很长的,就是上面 GDP 图表的作者 Jannchie见齐 基于 D3.js 开发的 将历史数据排名转化为动态柱状图图表 的项目,并在 github 上开源了。

所以如果你想要制作类似的动态图表,只要有数据,按照项目说明里指定的数据格式整理好 csv 格式的表格文件,就可以做出同样的效果了。

我之前自己拿它尝试过一个小例子:

15年来,国民出行方式的变迁

  ECharts  

https://www.echartsjs.com

这个是我们的老伙计了,我们多次在项目中使用 ECharts,以及在其基础上衍生出的 pyecharts。在百度众多产品线中,ECharts 是用户口碑相当高的一个。很多公司前台大屏上的数据展示都是基于 ECharts 制作的。

官方演示视频

它不仅提供了数量众多、几乎涵盖了所有你能想到的图表形式,

还可以自定义图标的样式细节。

而这这些,都不需要你动手改动代码,你只需要调整好配置,生成代码,下载本地,然后把自己的数据填进去就可以了。

我们之前关于 ECharts 的介绍,以及使用过的案例:

ECharts+Python 给你的数据做“美颜”

当下的Python就业前景如何

去年电影国内票房最高的演员是谁

  Flourish  

https://flourish.studio/

如果说,上面两个工具你还需要懂一点前端 HTML 的知识,需要修改运行代码。那么这一个“神器”则是彻底让小白可以零基础制作出酷炫图表。

同样是一个类似的动态柱状“竞速”图,这次是世界各国城市人口的变化

在 Flourish 的网站上注册登录后,它会引导你选择你要的图表形式

设定样式

和添加数据

完成之后就可以发布了。全程无代码。唯一能阻挡你的,可能就是英文了。但现在网页翻译工具很多,工具化的操作也没有大段的复杂文字,摸索一次之后就可以搞定了。

而且,这样功能强大的网站,只要你做的图表选择公开的非商用展示,就无需支付任何费用

  国家数据 - 国家统计局  

http://data.stats.gov.cn/

有同学要说了,工具我知道,关键是数据到哪儿找啊?

这里就给一个数据宝藏:国家统计局的国家数据

上面有全国各地区各行业的年度/季度/月度指标,足够你用来练习和分析的了。

我之前的文章《中国的大学生太多了吗?》里面用的就是这里的数据。

又有同学问了:你介绍这么好的可视化工具,不是砸自己招牌嘛?我们都用这些工具就好啦,不用学编程了!

话分两头说。如果你的目的就是有时候需要将一些数据展示成精美的图表,那确实没必要非自己写代码不可。人家工具已经做得很好了。开发的核心是解决问题,写代码只是解决问题的一种方式,不是目的。搞清自己的目的,不要本末倒置。

但并不是所有情况都可以有现成工具解决。有的图表是需要根据系统里的实时数据进行变化的,得通过程序将其关联同步。另外,你可以通过代码来采集和整理数据,这个过程可以帮你节省大量时间。

上个月参加了我们爬虫学习小组的同学们,你们抓下来的招聘、租房、电影等信息,就可以拿来尝试下用上述工具制作成图表展示。(预告一下:接下来我们也会开数据可视化的小组。)

况且数据可视化只是编程的一个细分的应用分支。你可以直接用工具,是因为有别人替你写了代码。求人不如求己,想要应对现实中各种复杂多变的需求,自己get编程技能才是王道。

(0)

相关推荐