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

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

收藏
评论区

相关推荐

一文搞懂什么是HTTP与HTTPS
(https://blog.csdn.net/petterp/article/details/102779257)Http与Https的区别。 在最近的开发中,深感网络相关基础知识薄弱,于是趁周末好好总结一
天猫双11数据过于完美?我们用python来看看
↑关注置顶 有趣的不像个技术号 是否真的完美? 双11结束了,大家已经无手可剁 。 天猫官方公布了今年的双11成交额为2684亿元,成
20 张图彻底弄懂 HTTPS 的原理
前言 近年来各大公司对信息安全传输越来越重视,也逐步把网站升级到 HTTPS 了,那么大家知道 HTTPS 的原理是怎样的吗,到底是它是如何确保信息安全传输的?网上挺多介绍 HTTPS,但我发现总是或多或少有些点有些遗漏,没有讲全,今天试图由浅入深地把 HTTPS 讲明白,相信大家看完一定能掌握 HTTPS 的原理,本文大纲如下: HTTP 为什么不安全
python算法
640?wx_fmtjpeg(https://imghelloworld.osscnbeijing.aliyuncs.com/c8238ed70f9664b61ce91f80786ca26f.png) 来源 | CSDN(ID:CSDNnews ) 本文是一些机器人算法(特别是自动导航算法)的Python代码合集。 其主要特点有以下
原来Python绘图也可以这么漂亮,这次真的是学习到了!
(https://imghelloworld.osscnbeijing.aliyuncs.com/8830803f033eeed85783e9058cf08968.png) 作者:朱小五 来源:快学Python 👆人生苦短,快学Python! 最近看了一篇文章《一个牛逼的Python 可视化库:PyG2Plot》,可惜只是简单介
被“词云”包围的冰冰会更好看吗?安排
(https://imghelloworld.osscnbeijing.aliyuncs.com/b299933deefc692934e8cc6141ab3894.png) 大家好,我是小五🐶 昨天「凹凸数据」发了一篇张同学投稿的文章《用Python爬取王冰冰vlog弹幕并制作词云(https://mp.weixin.qq.com/
我的python总结
建议刚开始学习直接使用ANACONDAhttps://www.anaconda.com/download/配置python环境变量https://docs.python.org/3.6/using/cmdline.htmlenvvarPYTHONMALLOCPython PEP8导包顺序1. Python标准
一个没法商用,但是好玩有趣的 Python 手绘图形库!
https://github.com/chenjiandongx/cutecharts今天,给大家介绍一个很酷的 Python 手绘风格可视化神包:cutecharts。和 Matplotlib 、pyecharts 等常见的图表不同,使用这个包可以生成下面这种看起来像手绘的各种图表,在一些场景下使用效果可能会更好。GitHub 地址:https://git
表弟的数学题,我竟然用了python才解出来
↑ 关注 + 置顶  有趣的不像个技术号 大家好,我是朱小五 本来这个周末过得开开心心,结果为了解一道数学题薅掉了一把头发、、、整整18根! 而且还是一道小学数学题!!! 到底是什么题呢?大家看看吧 既然表弟都求到我这了,那就随便的做一做嘛。 这不就是一道逻辑题嘛! 先假如丁错,则甲乙丙对,此时最小的abc(2^3)\(3^2)\750
天猫双11数据过于完美?我们用python来看看
↑关注+置顶 有趣的不像个技术号 是否真的完美? 双11结束了,大家已经无手可剁 。 天猫官方公布了今年的双11成交额为2684亿元,成功刷新了自己创下的商业纪录。按理说大家已经习惯了逐年增长,没想到 由于过于完美,引发网友提出质疑。 滑动图片浏览 or 点击查看大图▼ 该微博在天猫公布2019年销售额后,引发大量讨论,成功登上热搜。 一
https://cloud.tencent.com/developer/article/write/1830331
一、目标今天的目标是这个sign和appcode 二、步骤 Jadx没法上了app加了某梆的企业版,Jadx表示无能为力了。 FRIDADEXDumpDexDump出来,木有找到有效的信息。 Wallbreaker葫芦娃的Wallbreaker可以做些带壳分析,不过这个样本,用Frida的Spawn模式可以载入,Attach模式会失败。而直接用Objecti
全网最全python学习路线图,让学习不迷路
学习Python有一段时间了,最近也是在不断的整理Python相关的基础知识和学习一些新的知识,想来分享给大家。我刚开始接触Python时,和大多数初学者一样不知道从那里开始学习python,我也在网上找了许多python相关的资料来学习,但是资料多也不见得就好,因为不知道从哪里开始下手,走了许多弯路。后面我就整理了一套对初学者来说学习python能很快上手
60行Python代码开发在线markdown编辑器
本文转载自公众号【python大数据分析】,详情可以点击上方卡片,关注该公众号,获取更多好文推荐。 ❝ 本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes ❞1 简介这是我的系列教程「Python+Dash快速web应用开发」的第六期,在上一期的文章中,我们完成了对
手把手教你用Python操纵Word自动编写离职报告
前言大家好,我是吴老板,今天给大家分享一篇Python自动化文章。 Python 是自动化处理的一把好手,比如自动编写离职申请!!! 安装 pip install pythondocx i https://pypi.douban.com/simple/ 基本用法 创建一个docx文档from docx import Documentfrom docx.
初窥 Python 的 import 机制
本文适合有 Python 基础的小伙伴进阶学习。 作者:pwwang一、前言本文基于开源项目: https://github.com/pwwang/pythonimportsystem补充扩展讲解,希望能够让读者一文搞懂 Python 的 import 机制。 1.1 什么是 import 机制?通常来讲,在一段 Python 代码中去执行引用另一个模块中