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

Aidan075
• 阅读 1109

↑ 关注 + 星标 ~ 有趣的不像个技术号

每晚九点,我们准时相约 火爆全网的动态曲线图是怎么做的?

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

大家好,我是朱小五

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

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获得,特此感谢

本文转转自微信公众号凹凸数据原创https://mp.weixin.qq.com/s/zpFiMUuMMPFS2AbY9i2nTg,可扫描二维码进行关注: 火爆全网的动态曲线图是怎么做的? 如有侵权,请联系删除。

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Jacquelyn38 Jacquelyn38
2年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Wesley13 Wesley13
2年前
4cast
4castpackageloadcsv.KumarAwanish发布:2020122117:43:04.501348作者:KumarAwanish作者邮箱:awanish00@gmail.com首页:
Stella981 Stella981
2年前
Docker 部署SpringBoot项目不香吗?
  公众号改版后文章乱序推荐,希望你可以点击上方“Java进阶架构师”,点击右上角,将我们设为★“星标”!这样才不会错过每日进阶架构文章呀。  !(http://dingyue.ws.126.net/2020/0920/b00fbfc7j00qgy5xy002kd200qo00hsg00it00cj.jpg)  2
Stella981 Stella981
2年前
200的大额人民币即将面世?央行:Yes!
点击上方蓝字关注我们!(https://oscimg.oschina.net/oscnet/2a1c2ac00bf54458a78c48a6c2e547d5.png)点击上方“印象python”,选择“星标”公众号重磅干货,第一时间送达!!(
可莉 可莉
2年前
200的大额人民币即将面世?央行:Yes!
点击上方蓝字关注我们!(https://oscimg.oschina.net/oscnet/2a1c2ac00bf54458a78c48a6c2e547d5.png)点击上方“印象python”,选择“星标”公众号重磅干货,第一时间送达!!(
Wesley13 Wesley13
2年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
3个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这