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

Aidan075 等级 641 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,可扫描二维码进行关注: 这种动态条形图+折线图怎么做?今天我来教你! 如有侵权,请联系删除。

收藏
评论区

相关推荐

天猫双11数据过于完美?我们用python来看看
↑关注置顶 有趣的不像个技术号 是否真的完美? 双11结束了,大家已经无手可剁 。 天猫官方公布了今年的双11成交额为2684亿元,成
我的python总结
建议刚开始学习直接使用ANACONDAhttps://www.anaconda.com/download/配置python环境变量https://docs.python.org/3.6/using/cmdline.htmlenvvarPYTHONMALLOCPython PEP8导包顺序1. Python标准
表弟的数学题,我竟然用了python才解出来
↑ 关注 + 置顶  有趣的不像个技术号 大家好,我是朱小五 本来这个周末过得开开心心,结果为了解一道数学题薅掉了一把头发、、、整整18根! 而且还是一道小学数学题!!! 到底是什么题呢?大家看看吧 既然表弟都求到我这了,那就随便的做一做嘛。 这不就是一道逻辑题嘛! 先假如丁错,则甲乙丙对,此时最小的abc(2^3)\(3^2)\750
天猫双11数据过于完美?我们用python来看看
↑关注+置顶 有趣的不像个技术号 是否真的完美? 双11结束了,大家已经无手可剁 。 天猫官方公布了今年的双11成交额为2684亿元,成功刷新了自己创下的商业纪录。按理说大家已经习惯了逐年增长,没想到 由于过于完美,引发网友提出质疑。 滑动图片浏览 or 点击查看大图▼ 该微博在天猫公布2019年销售额后,引发大量讨论,成功登上热搜。 一
全网最全python学习路线图,让学习不迷路
学习Python有一段时间了,最近也是在不断的整理Python相关的基础知识和学习一些新的知识,想来分享给大家。我刚开始接触Python时,和大多数初学者一样不知道从那里开始学习python,我也在网上找了许多python相关的资料来学习,但是资料多也不见得就好,因为不知道从哪里开始下手,走了许多弯路。后面我就整理了一套对初学者来说学习python能很快上手
HTTPS
### 最近网站更新为https,于是做个笔记 ### 将域名 [www.domain.com](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.domain.com) 的证书文件1\_www.domain.com\_bundle.crt 、 ### 私钥文件2\_www.doma
HTTPS
楔子 谣言粉碎机前些日子发布的《[用公共WiFi上网会危害银行账户安全吗?](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.guokr.com%2Farticle%2F100110%2F)》,文中介绍了在使用HTTPS进行网络加密传输的一些情况,从回复来看,争议还是有的。随着网络越
JDK 12又来了,我学不动了...
![Java大法好](https://upload-images.jianshu.io/upload_images/9824247-ebde9aba31e55d24.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) * * * 写在前面 ---- 看到 JDK 12又发布了,萌新不知不觉感觉
2020我们来了
**我们有一个梦想** ,要录制一套通俗易懂的运维及运维开发视频,要求通俗易懂,需要花费精力和时间,邀请有余力的小伙伴积极参与。后续会录制php和Python开发视频。 **我们有一个梦想** ,让技术不在难学,让资源不再难找。在这个版块,你可以发布自己收藏的技术资料,也可以发布你想要的技术资料。搜索全站,发现没有你想要的,请在此处留言。
2019独角兽企业重金招聘Python工程师标准
很多盆友一定有这样的疑问: **Python****是什么?** **学会了Python可以做什么?** **为什么人人都应该懂Python?** ![](https://oscimg.oschina.net/oscnet/f7ddd56eca5709e45b4b95cc1d9c9bc5d20.jpg) 别急,我来科普啦~ Python是一门面向
2019独角兽企业重金招聘Python工程师标准
很多盆友一定有这样的疑问: **Python****是什么?** **学会了Python可以做什么?** **为什么人人都应该懂Python?** ![](https://oscimg.oschina.net/oscnet/f7ddd56eca5709e45b4b95cc1d9c9bc5d20.jpg) 别急,我来科普啦~ Python是一门面向
Python web开发从入门到放弃
点击上方“**Python爬虫与数据挖掘**”,进行关注 回复“**书籍**”即可获赠Python从入门到进阶共10本电子书 今 日 鸡 汤 无为之用方为大用。 ![](https://oscimg.oschina.net/oscnet/f64430c27950bcccce040bb032ea65e73a5.jpg) 越来越多的同学知道我在做
Python 什么是元类(metaclasses)?
**1.什么是类** ---------- 在理解元类之前,我们必须先掌握Python中的类(class)。 和大多数语言一样,Python中的类知识用来描述如何“生成一个对象”: ![](https://oscimg.oschina.net/oscnet/8c9c532a-0949-42bf-9a21-833c7b247338.png) 但是
Python中Requests库的高级用法
前面讲了Python的urllib库的使用和方法,Python网络数据采集Urllib库的基本使用 ,Python的urllib高级用法 。 今天我们来学习下Python中Requests库的用法。([官方手册](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fdocs.python-req
Python如何处理Excel表格?良心推荐!
![Python如何处理Excel表格?良心推荐!](https://oscimg.oschina.net/oscnet/4896a80e319ef00486232923a6825f6aeab.jpg) 写在前面 ==== Python常见的数据文件处理有5种,今天我们来讲讲其中的Excel如何处理! Excel是大家工作当中使用频率比较高的一款办公软