最近全球疫情蔓延,从近日情况来看韩国目前最严重(已达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设计企业实用报表的技能?
领取专属 10元无门槛券
私享最新 技术干货