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

共 1280字,需浏览 3分钟

 ·

2020-03-01 23:25

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


cfe97251316bafe71fe69064ecf17870.webp


     作者:朱小五


     来源:凹凸数据


大家好,我是朱小五


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


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


d03f4bab53cef77e76fd4d237c05c21d.webp


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


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


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



分割线

008dffe514c5915e022f93ba2c7ca37d.webp


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


其实非常简单哈


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


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


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


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


点击创建


eb90cf7f3078f59143ddc70eb735c80e.webp


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


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


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


fb19953dd81d2baccc3de5351ad94e43.webpbc2bbc5b80d4a6befd67b584bae801e6.webp


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


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


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


展示一下


14fa4ae1b96f8717ac30a95ff3ff6366.webp


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


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


18bcdae71d3c73a6c8516e179daaff99.webp


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


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


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


ed00868b4a08b78fb34755a110963973.webp


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


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


至于如何导出视频呢?


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


0abf3a55a8d9dcecea7f146040427fec.webp



打扰了


搬出我的录屏软件吧


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


c7ffe55bc199f467027541a90b411d58.webp


成功得到动态曲线视频√


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



如果大家对文中的文中的数据感兴趣,可以后台回复“动态图”获得。


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



◆ ◆ ◆  ◆ 



长按二维码关注我们



数据森麟公众号的交流群已经建立,许多小伙伴已经加入其中,感谢大家的支持。大家可以在群里交流关于数据分析&数据挖掘的相关内容,还没有加入的小伙伴可以扫描下方管理员二维码,进群前一定要关注公众号奥,关注后让管理员帮忙拉进群,期待大家的加入。


管理员二维码:


猜你喜欢

 笑死人不偿命的知乎沙雕问题排行榜

 用Python扒出B站那些“惊为天人”的阿婆主!

 互联网大佬学历&背景大揭秘,看看是你的老乡还是校友

 上万条数据撕开微博热搜的真相!

 你相信逛B站也能学编程吗? 

浏览 44
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报