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

温风入南牖
温风入南牖
温风入南牖
7
文章
0
评论
2020-04-2202:05:00 评论 139 820字
摘要

之前大家遇到的最多的就是动态条形图,但大家对动态曲线图似乎也非常感兴趣.所以今天给大家简单讲讲这种图怎么做的?其实非常简单哈,结合合适bgm即可获得狂吸赞的视频。

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

之前大家遇到的最多的就是动态条形图,但大家对动态曲线图似乎也非常感兴趣,而且这种动态图在抖音、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,大家任选一款即可。

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

成功得到动态曲线视频√

End.

作者:朱小五

来源:微信公众号【凹凸数据】

  • 我的微信公众号
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: