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 独立制作每一个报表。
然后用超链接关联上即可,这样一份亚运会奖牌可视化报表就只做完毕啦!

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

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





这报表真的太好看了,配色超赞!
手机滑动卡成PPT,图片加载太多了吧。
手机滑动卡成PPT,图片太多了吧……
开幕式数字烟花太震撼了,当时看呆了。
这排版安卓机看会不会糊?
配色高级,想用在周报里。
手动复制数据太痛苦了,有没有更省事的方法?
导航条用文本框做的吗?还是单元格合并?
紫色用得真大胆,效果居然不土。
感觉Excel还能这么玩,真是开眼界了。
要是数据能自动更新就更好了。
这蓝紫配色绝了,比我们公司的报表高级一百倍。
用新函数做动态图片这个思路挺实用的。
配色和布局都很舒服,手机上看应该很爽。
我手机看确实爽
看着奖牌榜排得这么整齐,忍不住想刷一刷😂
这报表做出来放手机上刷肯定很丝滑。
刷起来确实顺滑
请问用Excel的Image函数插入国旗时,需要注意哪些尺寸比例?比如宽高要固定多少才不变形?还有没有办法自动适配不同分辨率的手机屏幕?
配色真的好看,眼睛都舒服。
手机上卡片有点卡,滑动卡顿。
数据采集那段看着头大,不过效果确实不错
同感,手动复制也挺快
这配色在手机上看确实舒服,比公司报表强多了
紫色和蓝色搭得挺高级,想用在月度报告里
我才看完开幕式,感觉太炫了。
这个Image函数能不能直接插入SVG?
SVG支持不太行,我试过得转成PNG才行。
我之前也用Excel做过奖牌榜,颜色配得差不多,真是省心。
Image函数老版本用不了真可惜,只能手动插入了
导航条是用文本框做的吗?求详细步骤
如果想自动刷新数据,建议用Power Query的Web抓取功能,省事。
Power Query是方便,但反爬有点恼火,经常连不上。
手机滑动确实有点卡,建议减少图片数量
之前做报表也是手动复制数据,折腾到半夜
能不能做个模板直接下载啊?自己配颜色太费劲
配色挺舒服的,手机看着确实顺眼
配色看着确实舒服
开幕式数字火炬人那段确实震撼,记忆犹新
这排版在安卓上显示效果怎么样?会不会糊
Excel还能这么玩,真是开眼界了
看到这报表,我忍不住想把它套到我的项目进度上,简直太实用了,必须收藏!👍
开幕式那个数字火炬人我看了十遍,太燃了🔥
RGB是手动抠的还是工具导出的?
配色挺舒服的,蓝紫调好看
同感,看着很舒服
这蓝紫配色是真高级,我们PPT都太土了
Excel还能这么玩?刷新认知了
Excel确实能玩出花来
新函数IMAGE挺实用,省了插图的功夫
确实省了不少事
小北的教程一如既往细致,给力!
这配色用在手机上肯定绝了
做报表还搞配色,讲究人
安卓上能直接用吗?
安卓用WPS的话基本没戏,Office网页版倒是可以试试。
Image函数老版本用不了,直接劝退😭
这配色看着真舒服,像喝了杯清茶似的。
国旗比例建议按1:2来,不然容易拉伸变形。