火爆全网的动态曲线图是怎么做的?

作者: admin 分类: 公众号存档,架构与开发            7 次浏览 发布时间: 2020-03-02 23:57

【转载声明】本文为转载文章,原作者「朱小五」,版权归原作者所有。 原文链接:https://mp.weixin.qq.com/s/0ZkMhG5NeYPKLdx03di3fA

↑ 关注 + 星标 ~ 有趣的不像个技术号
每晚九点,我们准时相约  

大家好,我是朱小五

昨天的次条给大家发了一个新华社的视频

45秒看清多国疫情变化!(点击下图即可观看)

之前大家遇到的最多的就是动态条形图,看来大家都对这种比较少见的动态曲线图非常感兴趣。

而且这种动态图在抖音、B站等视频网站都可以轻松获得不错的播放量。

所以今天给大家简单讲讲这种图怎么做的?

分割线

火爆全网的动态曲线图是怎么做的?

其实非常简单哈

介绍一下:Flourish是一款动态图表的制作工具,轻松制作各种酷炫的动态图表。

不过由于是国外的网站,所以打开速度较慢。

制作动态曲线图(Line chart race),首先我们要打开这个网址

https://app.flourish.studio/@flourish/horserace

点击创建

应该会提示需要创建账户,按照指引创建即可,我是直接选择了用谷歌账户登录

回到上一步,点击创建,会发现已经有了示例

我们点击data,上传我们自己的数据

我们可以看到主要有name,pic以及各个时间点。

我们是打算仿照新华社的全球疫情视频,所以name列是国家,那么pic列可以填上各个国家的国旗图片地址,按天的疫情数据我已经利用数据接口获取,公众号“凹凸数据”后台回复疫情数据即可获得。

所以我们按照这格式整理好数据,并上传到Flourish去

展示一下

点击preview,再点击replay开始运行

会发现已经开始运行了,但是页面比例是电脑的,下图中位置可以选择固定尺寸或自定义尺寸。

这样就比较适合手机观看或者上传到抖音上啦。

如果上传到B站等视频网站,可以自定义宽尺寸。

然后右边呢,是各种设置,我们可以自定义很多地方,我就只说几个重要的点吧,其他地方可以自己摸索,像我这种英语渣打开网页翻译即可。

主要是在Y轴这里,一开始我发现自己的Y轴不会动,打开设置才知道Dynamic Y axis没有打开。

还要就是Suffix这里默认是%,所以你的Y轴都是百分比,我们这里是人数,所以可以不填或者填写“人”。

至于如何导出视频呢?

点击右上角的“Export&publish”即可

打扰了

搬出我的录屏软件吧

我这里用的是oCam,大家任选一款即可。

成功得到动态曲线视频√

我们再简单加上BGM即可获得一个酷炫狂吸赞的视频

PS:情数据利用数据接口AkShare获得,特此感谢


QQ群号763628645

QQ群二维码如下, 添加请注明:姓名+地区+职位,否则不予通过


订阅我的微信公众号“杨建荣的学习笔记”,第一时间免费收到文章更新。别忘了加星标,以免错过新推送提示。

7


   

近期热文

你可能也会对以下话题感兴趣。点击链接就可以查看。

8


   

转载热文

你可能也会对以下话题感兴趣,文章来源于转载,点击链接就可以查看。


admin

杨建荣,《Oracle DBA工作笔记》《MySQL DBA工作笔记》作者,dbaplus社群发起人之一,腾讯云TVP,现任竞技世界系统部经理,拥有十多年数据库开发和运维经验,目前专注于开源技术、运维自动化和性能调优

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

👋 This site is in Chinese — there's a short English intro about me. Read the English version →