首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何制作最近火爆的动态图?看这篇文章就够了

最近全球疫情蔓延,从近日情况来看韩国目前最严重(已达3150例,日增813例),然后是意大利,再到伊朗, 以下是全球其他国家的疫情趋势图,是根据截至19点公布的数据整理。

很多朋友对视频中的动态图感兴趣,可以详细看看以下的教程,包括动态条形图和动态曲线图

其实so easy!真的so easy!看完以下详细的制作流程,你就能学会制作了:

要准备的工具

首先工欲善其事必先利其器,工具很重要。首先收藏这2个网址:

动态条形图https://app.flourish.studio/@flourish/bar-chart-race

动态曲线图https://app.flourish.studio/@flourish/horserace

其次下载一个EV录屏软件,最后再下载一个EV剪辑软件。如果你已经有其他录屏或剪辑软件,也可以直接跳过后两步,那就更easy了。

准备好工具后,我们直接进入步骤

Step1:用Excel准备数据

数据格式如下图,注意必须是按照时间线往后排序,省份这列可要可不要(待会说原因),但城市这列必须要有。

Step2:将数据上传到网站

如果你是制作动态条形图,就打开这个网页:

https://app.flourish.studio/@flourish/bar-chart-race

如果你是制作动态曲线图,就打开这个网页:

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

虽然这是一个英文网站,不要怕,都是基本词汇,当然也可以点浏览器中翻译成中文的傻瓜操作。打开网页后,可以直接点击Create visualisation

如果你是没有注册过这个网站的,会显示以下的页面需要先注册,那你就按提示先注册然后登陆。登陆后,你再复制以上我给你的网址到浏览器中使用即可。

当你注册完,进入条形图的网址点了Create visualisation后,就在下图这个地方,点右上角“Data”进入数据界面,然后点 “Upload data file” 就会让你选一个文件上传。

上传文件后,选择你放置数据的那个sheet名字,我选的是“确诊”。然后依次点击 “Continue” “importpublicly” “next” 。齐活,数据上传成功。

Step3:配置数据源格式(以下以条形图为例)

Label:自动默认为A列,但我的地级市在B列所以这个地方需要改为B;

Value:数据所在的区域,一定要和数据值所在区域一直,我的数据是C-AD列(虽然截图AD列没值,但是占位用的,多做你们就会懂了);

Categories:类别(不是必须有的),其实就是我的省份列,即A列。如果没有类别就删掉这个字母。这列的目的是让同一个类别的柱体为同一种颜色,对我的数据来讲就是每个省的颜色相同;

Image:可以加载图片,如果做产品动态图这个地方就有用了,不需要图片就把C删除即可。

这个界面的其他地方可以不用管,有时间的可以自己琢磨。最后一点要点这个页面最上端的“Preview”进入动态图页面。

可以说,一个简单粗糙的动态图就做好了,是不是so easy?

Step4:修改动态图参数

这部分我不一一讲解了,只讲主要的参数。其实完全可以理解成你在Excel作图的动作,比如调颜色,加标题,加备注等等,一样一样的。这个区域在页面的最右边。

曲线图

大部分的设置和条形图是一致的,下方会有条形图的设置说明,此处先讲一些曲线图不一样的地方,也是大家比较多疑问的地方。

Line styles:

我比较喜欢平滑的曲线,这样的过渡效果比较好。就可以在上图的Curve这个地方去选择了,可以设置为折线、曲线(好几种曲线形式)

Label styles:

数据标签不会动态计数的,上图红圈这个地方,你肯定是没有启用!启用了后数据标签就会动态计数了。

Yaxis:

上面这个地方,是Y轴的设置,可以解决很多问题:

有些人的图表不会动,就是因为Dynamic Y axis这个位置没有启用,只要启用了,Y轴就会根据数据的变化而动态变化

是否显示 “ % ”,在Suffix这里设置就行,你写了%,Y轴就有%,留空了就不会有%(Prefix是指在数字前面要不要加前缀)

Decimal places是指Y轴的数字要不要保留小数点

AnImatIon:

上图红色圈子的设置,数字越大,动态播放的时间就越长;数字越小动态播放的时间就越短,可以根据需要去自行调整即可。

还有其他的通用类的设置,和条形图基本一样,可以看下方条形图的设置介绍。

条形图

No. bars:更改柱体数量,系统默认为10根柱体,根据你的需求来修改即可。

Bar colores:改配色,如果你的数据源没有category,只会显示一种颜色,不过点一下By bar即可以是花枝招展的不同颜色了。

如果不想显示动态图上面的那些花花绿绿的类别(就是上面那张图的省份名),就点Disabled。

有必要的话,输入主副标题

输入图表的必要备注

如果你嫌速度太快,那就找到“Timeline & Animation”,把时间长度由默认的30秒改到自己想要的长度。

大功告成,一个定制化的动态图就做好了。但问题来了,如何输出或保存视频?

Step5:动态视频的输出

无论你做的是条形图,还是曲线图,做好之后,都可以点右上角的输出按钮可以付费下载HTML(支持本地动态播放,或嵌入网站使用),但这是收费功能,69欧/月或4000欧/年由你选择;也可以免费下载图片,支持png,jpg,svg格式,但可惜是静态的。

帮人帮到底,我们要的其实是视频,所以刚才让大家准备的录屏工具可以用起来了。目前有三种模式:宽屏、正常屏、手机屏(下图左上),可以根据自己的需求录屏。

需要注意,在使用EV录屏的时候,最好不要选全屏录制,一定要选区录制。Let‘s go,是不是动态视频搞定了?

友情提醒,如果你录制的时间不是恰好的时间线长度,此时可以用EV剪辑来掐头去尾,或者配字幕语音等等等,就不多说了。

是不是so easy?是不是节约了好多时间和银子?是不是该点赞一下?

该网站的动态图表,目前有条形图、曲线图这2种,这也是我们最常用的2种了!并且偷偷的告诉大家,这个网站还有其它各种酷炫的动态图模板,你们自己去探索吧。

学好这个技能,也当然可以用企业的数据来做动态图表,但是请注意:上传企业内部数据可能会有风险

---------------------

想用Excel设计企业实用报表的技能?

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200229A0OCLL00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券