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

 

大家好,我是朱小五

 

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

 

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

 

火爆全网的动态曲线图是怎么做的?_学习_02

 

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

 

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

 

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

 

 

分割线

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

 

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

 

其实非常简单哈

 

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

 

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

 

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

 

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

 

点击创建

 

火爆全网的动态曲线图是怎么做的?_学习_04

 

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

 

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

 

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

 

火爆全网的动态曲线图是怎么做的?_学习_05火爆全网的动态曲线图是怎么做的?_学习_06

 

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

 

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

 

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

 

展示一下

 

火爆全网的动态曲线图是怎么做的?_学习_07

 

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

 

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

 

火爆全网的动态曲线图是怎么做的?_学习_08

 

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

 

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

 

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

 

火爆全网的动态曲线图是怎么做的?_学习_09

 

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

 

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

 

至于如何导出视频呢?

 

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

 

火爆全网的动态曲线图是怎么做的?_学习_10

 

 

打扰了

 

搬出我的录屏软件吧

 

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

 

火爆全网的动态曲线图是怎么做的?_学习_11

 

成功得到动态曲线视频√

 

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

 

 

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

 

 

火爆全网的动态曲线图是怎么做的?_学习_12

 

 

QQ群号:763628645

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

 

火爆全网的动态曲线图是怎么做的?_学习_13

 

火爆全网的动态曲线图是怎么做的?_学习_14