1,418字
6–9 分钟
作者:小北童鞋
来源:芒种学园(ID:lazy_info)
前几天亚运会的开幕式在浙江杭州隆重举行,着实被惊艳了一番!
玉鸟飞旋,时空流转,只能说刻在中国人骨子里的浪漫,真的太绝了!

而且还首次使用了数字烟花,数字火炬人等技术,着实让大家都过了一番眼瘾。


当然除了亚运会的开幕式好看,比赛也非常精彩+出圈,频频上热搜!

作为一位职场博主,在冲浪的时候,竟然意外地发现亚运会的奖牌榜也非常好看!

于是抽空花了一小时下载了一些素材+数据,利用Excel复刻了这一张图表,这类型的长报表特别适合在移动端设备观看,效果长这样:

无论是布局方式,还是配色风格,看起来都非常优雅,套用在其他领域也很好用。
而且该类报表属于长>>宽的手机型报表,在手机里观看效果更佳。
借着这个话题来分享下关于这张报表的制作教程~
数据采集&颜色采集
由于数据的规律性很强,所以我们可以使用PQ+正则来进行采集,不过难度稍大,当然也可以使用Python相对会简单一些。
而且由于新版本的 Excel 有了一个图片 Image 函数,可以通过图片链接直接在单元格中插入对应的图片,所以我们只需要采集图片 URL 地址即可。
需要采集的数据字段有:排名、国家/地区、金牌、银牌、铜牌、国旗URL链接等。
不会写 PQ 或者 Python 也没关系,由于数据量不大,直接手动复制粘贴几分钟也能解决(后续没法自动刷新),部分数据采集示例:

接下来就是吸取图表的整体配色风格,通过QQ截图或者微信截图均可以吸取。

这里的RGB就是鼠标指向的颜色数值了,亚运会将排可视化中的颜色并不多。
大块的颜色只有蓝色+紫色,将所有颜色的RGB记录好后。
接下来就可以来实现这份图表了~
图表复刻实现
图表顶部的图片,这里由于使用了渐变色,在 Excel 中可以通过插入形状的方式来实现,也可以直接将官网的图片采集下来。
我们通过浏览器上右击【另存为图片】或者直接【复制】,然后粘贴在Excel中,效果如下:

在图片上添加对应的文字,并设置填充为白色,效果如下:

同理下方的【导航条】和【卡片图】都可以通过文本框+单元格的方式来实现,如果想实现全系列报表,还可以在制作好后,复制 Sheet 通过超链接的方式实现。

现在最麻烦的部分就已经操作完毕了,下半部分为表格功能,主要就是配置单元格的宽高,然后引用对应的数据。
首先调整好表格的布局+配色,这里我使用了线条方便大家观察,效果如下:

然后往里面填充数据,公式如下:
排名:=ROW(A1)&"."
旗帜:=IMAGE(静态数据源!F2,"",3,24)
国家/地区:=静态数据源!B2
金牌:=静态数据源!C2
银牌:=静态数据源!D2
铜牌:=静态数据源!E2
总计:=SUM(D5:F5)
Code language: Excel (excel)
这里用到了一个 IMAGE 新函数,含义也很简单,通过 URL 链接插入图片,并且重新调整图片的高度为 24px,整体效果如下:

简单吧,最后就是【赛程】【奖牌榜】【亚运项目】【新闻】如果想制作多个报表关联起来,只需要复制 Sheet 独立制作每一个报表。
然后用超链接关联上即可,这样一份亚运会奖牌可视化报表就只做完毕啦!

其实这类报表在去年冬奥会的时候,小北也做过一个类似的,不过细节方面会更多一些,效果如下:

有没有发现效果其实都很接近,因为这类报表用来展示排行榜实在太合适了!
效果是不是非常棒呢,特别在手机上观看时,更符合阅读习惯。
以上就是关于「亚运会可视化报表」制作的一点点小技巧分享,希望对你有帮助呀~
© 版权声明
文章版权归作者所有,未经允许请勿转载。





开幕式数字烟花太震撼了!
求问渐变图是自己画的还是直接截的?
渐变图其实是用Excel的形状填充自行画的,截的效果会失真。
Image函数兼容性太差,老版本用不了
手机滑动确实有点卡,图片太多了吧
这配色绝了,想套用到工作报表上
我上次用了PowerQuery抓奖牌数据,再配合Image函数自动插入国旗,省了手动复制的苦,但要注意链接有效,否则手机上卡顿。
手机滑到底卡成PPT,图片太多了吧……
求问顶部渐变图是直接截图还是自己画的?
紫色和蓝色搭一起居然不土,反而很高级?
太卷了!我们还在用条件格式标颜色😂
能不能把导航条做成动态切换的?现在点进去还得手动翻
导航条动态切换?Excel怕是做不到吧,得上Power BI了。
说Excel配色高级,我觉得在老版Excel里根本实现不了。
PQ正则抓取数据时,有没有现成的脚本可以参考,省点事儿?
iPad展示要怎么调尺寸?
这排版在iPhone上看确实舒服,安卓有点糊🤔
我在安卓上也试了,确实有点模糊,可能要调高分辨率 😕
国旗图片加载好慢,是我网络问题还是链接失效了?
看完开幕式,我还在回味数字火炬人。
我之前也搞过类似报表,折腾了半夜。
手动复制数据真是够呛。
感觉Excel还能这么玩。
开幕式的数字烟花我刚刷到,简直炸裂🔥。
这配色真的太舒服了,眼睛都不累。
感觉这个排版在平板上看效果会更棒。
用在周报里应该挺酷的。
这个Image函数老版本Excel是不是用不了啊?
要是能自动更新数据就好了,手动太累。
配色看着真舒服,眼睛都舒服。
同感,这配色看着不刺眼
Excel还能这么玩,长见识了。
之前想学做这种报表,但数据更新太麻烦放弃了。
开幕式那个数字人我也看了,确实震撼。
手机上看效果是挺好,就是滑动起来有点费劲。
求问这个渐变图怎么做的?直接截图吗?
配色确实舒服,蓝紫搭一起居然不土。
小北出品一般都不错,这次也没翻车。
能不能用在动态看板上啊?比如实时刷新奖牌数?
实时刷新的话,Power Query配合Web接口还能做到,不过Excel本身不太支持自动刷新。
PQ抓取数据稳定吗?我老怕它断链。
有同感,现在报表都往手机端靠了。
我这手机端滑动卡一点,不过配色真的让人眼睛不累。
这也太卷了吧,我们还在画柱状图呢。
我也是,看到你们的柱状图都快被卷进去了,感觉自己还在原地踏步。
开幕式是真牛,数字火炬人看傻了我。
教程虽然细,但Image函数兼容性真头疼。
老版Excel经常报错,换最新版本才顺利。
Office版本低的根本跑不动Image函数,白折腾半天
能不能出个模板啊,自己扒颜色太费劲了
感觉Excel还能这么玩,真开眼了
看到这个突然想把公司KPI也整成这样。
把KPI搬进去后视觉化,报告更直观,大家会喜欢。
我公司KPI也搞了类似的奖牌榜,放在移动端看着顺眼,真是省了好多排版时间。
KPI弄成这样,老板不得天天刷?
KPI做成这样老板怕不是以为我摸鱼在做设计😂
之前搞过这个,确实折腾了好久
求问导航条是怎么做出来的?文本框叠加吗?
导航条其实就是两个文本框叠加,一个放文字,一个用形状填色,调好透明度就行。
要是数据能自动刷新就好了,手动复制累死
求问渐变图是截图还是自己画的?急!
这玩意儿比我做的项目周报好看十倍……
要是能出个模板直接下载就好了,省得自己扒颜色。
那个蓝色和紫色搭得绝了,高级感扑面而来。
蓝紫配色确实有种科技感,用在报告里瞬间提升格调。
之前搞过类似报表,也是手动粘贴数据,折腾一宿。
我也曾通宵手动粘贴,手抽筋,后来用 Power Query 抓取数据省了不少事。