这种动态条形图+折线图怎么做?今天我来教你!

Aidan075 等级 145 0 0

大家好,我是小五🐶

前几天我看了一个不到2分钟的视频,动态展示了我国的GDP增长。而且是动态条形图和折线图叠加一起使用,比较少见!然后我立了一个Flag,说要仿制。

本来当天就找了合适的方法,并简单仿制了出来。不过要写成文章的话,要各种截图录动图,还要加亿点点细节,所以就又拖了两天。然后做好了视频还要漫长的审核,摊手。

吐槽完毕,下面开始正文:

原视频细节

我又把原视频贴出来了哈,毕竟有小伙伴之前可能没看过。

其实它标题应该叫《中国GDP增长动态图,小红线,向上攀!》

这个动态图主要由两部分构成,即动态条形图动态折线图,而且从图层来说的话,折线图应该在下方。两者都表现的是我国GDP的增长动态,不过折线图是1953-2020年,动态条形图则是从1961年才开始出现。

不知道大家注意没有,两张图的统计单位其实并不一致,动态条形图是跟国外其他国家对比,所以统一用的都是美元。而我们单独的GDP动态折线图单位是人民币。

操作过程

第一步,先获取数据👉

获取数据

涉及GDP的数据可以直接去国家统计局直接下载

大家可以直接在「凹凸数据」后台回复“动态图”获取下载好的数据。

在之前的文章的中,我曾经教大家用Flourish来制作动态折线图,但这次需要两个图层叠一起。

于是我想到了国内的另一个可视化网站——镝数,可以编辑它的数据图文实现将两个动态图叠在一起。

镝数可视化

打开官网👉https://dycharts.com/

新建数据图文,调整画布合适的长宽比

在数据图文中先插入了动态折线图模板,具体操作如下

然后我们还得改亿点点细节,有点多,我就不一一录gif了。这里给大家截图几个关键点,后面自己看情况调节吧。

通过上述操作,就做好了一个动态折线图了:

在刚刚的基础上,我们再添加一个动态条形图。比较开心的就是它默认的动态条形图,正好就是各国GDP的增长动态,这也就是说——不用我们再去自行添加数据了。

👆查看上图即可看到,两图叠加后就和原视频很相像了。只需我们添加更多细节,比如调整两者尺寸和位置,更改动态条形图各国的颜色等等

如果大家想要与原视频颜色保持一致的话,可以查看下表,小五直接用调色板挨个选取各国的颜色(都是为了仿制的更像呀)

国家 颜色代码 国家 颜色代码 国家 颜色代码
美国 #4046a9 印度 #5cbc4f 澳大利亚 #faf440
中国 #c82e33 意大利 #427adb 西班牙 #8a6a65
日本 #90cd4b 巴西 #26816a 墨西哥 #1c5349
德国 #9b0d54 加拿大 #e57a00 荷兰 #f1a100
英国 #2ea186 俄罗斯 #32a3e0 瑞士 #4d7adb
法国 #9f40b7 韩国 #f6d900 阿根廷 #90dafc

对了,还有就是原视频两个图是间隔出现的,这里我建议两个图延迟间隔5秒👇

通过修改细节,可以使我们的可视化图表与原视频更像。这时候就可以点击分享预览,方便我们下一步操作。

打开预览链接👉https://dycharts.com/xshow/index.html?id=32c1ae96b16d7c34d5dc325fbfb3d825

👆上方就是刚刚预览链接打开后样子,同时启动两个动态图就可以获得跟原视频几乎一样的效果啦!

注:还记得刚刚我们设置延迟时间嘛,正是为了方便我们用软件录屏呀🐶

制作视频

小五用录屏软件截取了需要的视频部分,随便选一个剪辑软件加个BGM即可。

这个不重要,我其实是用手机剪的,2分钟就能做好。

提醒大家一下,原视频的BGM是《Victory》。

它也是比较常见用来动态可视化的BGM,毕竟这可是十大气势背景音乐之一呀!气势磅礴的旋律,足以征服听众的内心。

最后,让你们看一下小五简陋的“仿品”吧

如果大家想直接下载GDP数据,可以在「凹凸数据」后台回复“动态图”来获取数据。

本文转转自微信公众号凹凸数据原创https://mp.weixin.qq.com/s/ZhbJaiLT99YKSHWdKDyyvQ,可扫描二维码进行关注: 如有侵权,请联系删除。

预览图
收藏
评论区