做了一份亚运会的可视化报表,太好看了!

Excel2023年9月27日发布 转载
43.1K 1530
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 独立制作每一个报表。

然后用超链接关联上即可,这样一份亚运会奖牌可视化报表就只做完毕啦!

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

做了一份冬奥会的可视化报表,太好看了!

有没有发现效果其实都很接近,因为这类报表用来展示排行榜实在太合适了!

效果是不是非常棒呢,特别在手机上观看时,更符合阅读习惯。

以上就是关于「亚运会可视化报表」制作的一点点小技巧分享,希望对你有帮助呀~


阅读原文

© 版权声明

相关文章

153 条评论

  • Stormraven
    Stormraven 读者

    开幕式数字烟花太震撼了!

    中国辽宁
    回复
  • 星图解密
    星图解密 游客

    求问渐变图是自己画的还是直接截的?

    中国山东
    回复
    • Blaze火
      Blaze火 游客

      渐变图其实是用Excel的形状填充自行画的,截的效果会失真。

      中国广东@ 星图解密
      回复
  • 山海经行者
    山海经行者 游客

    Image函数兼容性太差,老版本用不了

    中国山东
    回复
  • 梦语灵
    梦语灵 游客

    手机滑动确实有点卡,图片太多了吧

    中国黑龙江
    回复
  • 鬼手琴
    鬼手琴 游客

    这配色绝了,想套用到工作报表上

    中国四川
    回复
  • 石匠王庚
    石匠王庚 游客

    我上次用了PowerQuery抓奖牌数据,再配合Image函数自动插入国旗,省了手动复制的苦,但要注意链接有效,否则手机上卡顿。

    韩国
    回复
  • 花舞小蝶
    花舞小蝶 读者

    手机滑到底卡成PPT,图片太多了吧……

    中国辽宁
    回复
  • 迷糊的冰淇淋
    迷糊的冰淇淋 游客

    求问顶部渐变图是直接截图还是自己画的?

    中国上海
    回复
  • 柠檬不酸
    柠檬不酸 读者

    紫色和蓝色搭一起居然不土,反而很高级?

    日本
    回复
  • ObsidianFist
    ObsidianFist 游客

    太卷了!我们还在用条件格式标颜色😂

    中国江西
    回复
  • 噬魂夜行
    噬魂夜行 游客

    能不能把导航条做成动态切换的?现在点进去还得手动翻

    中国江苏
    回复
    • 数字诗人
      数字诗人 游客

      导航条动态切换?Excel怕是做不到吧,得上Power BI了。

      中国山东@ 噬魂夜行
      回复
  • GhostlyTome
    GhostlyTome 读者

    说Excel配色高级,我觉得在老版Excel里根本实现不了。

    泰国
    回复
  • 影落星痕
    影落星痕 游客

    PQ正则抓取数据时,有没有现成的脚本可以参考,省点事儿?

    中国
    回复
  • 红尘过客
    红尘过客 游客

    iPad展示要怎么调尺寸?

    中国湖北
    回复
  • 咔嗒
    咔嗒 读者

    这排版在iPhone上看确实舒服,安卓有点糊🤔

    中国福建
    回复
    • 夜之秘使
      夜之秘使 读者

      我在安卓上也试了,确实有点模糊,可能要调高分辨率 😕

      中国北京@ 咔嗒
      回复
  • 躺平选手
    躺平选手 读者

    国旗图片加载好慢,是我网络问题还是链接失效了?

    中国黑龙江
    回复
  • HollowMidnight
    HollowMidnight 游客

    看完开幕式,我还在回味数字火炬人。

    印度尼西亚
    回复
  • 灭世
    灭世 游客

    我之前也搞过类似报表,折腾了半夜。

    中国山东
    回复
  • 影之炼金师
    影之炼金师 游客

    手动复制数据真是够呛。

    中国上海
    回复
  • 铜锤铁马
    铜锤铁马 读者

    感觉Excel还能这么玩。

    中国江苏
    回复
  • 高傲的孔雀公子
    高傲的孔雀公子 读者

    开幕式的数字烟花我刚刷到,简直炸裂🔥。

    菲律宾
    回复
  • 月光舞者
    月光舞者 游客

    这配色真的太舒服了,眼睛都不累。

    日本
    回复
  • 星陨吟游者
    星陨吟游者 游客

    感觉这个排版在平板上看效果会更棒。

    中国台湾
    回复
  • 闹闹
    闹闹 游客

    用在周报里应该挺酷的。

    中国安徽
    回复
  • 心灵的港湾
    心灵的港湾 游客

    这个Image函数老版本Excel是不是用不了啊?

    中国台湾
    回复
  • 怨灵踪
    怨灵踪 游客

    要是能自动更新数据就好了,手动太累。

    中国北京
    回复
  • 橙香冰萃
    橙香冰萃 读者

    配色看着真舒服,眼睛都舒服。

    中国湖南
    回复
    • 意识云修剪匠
      意识云修剪匠 游客

      同感,这配色看着不刺眼

      中国重庆@ 橙香冰萃
      回复
  • 旧日时光
    旧日时光 读者

    Excel还能这么玩,长见识了。

    中国陕西
    回复
  • 惊蛰初雷
    惊蛰初雷 游客

    之前想学做这种报表,但数据更新太麻烦放弃了。

    韩国
    回复
  • LonelyCosmos
    LonelyCosmos 游客

    开幕式那个数字人我也看了,确实震撼。

    中国上海
    回复
  • 迷糊的熊猫侠
    迷糊的熊猫侠 游客

    手机上看效果是挺好,就是滑动起来有点费劲。

    中国浙江
    回复
  • 暗黑魔剑士
    暗黑魔剑士 读者

    求问这个渐变图怎么做的?直接截图吗?

    中国广东
    回复
  • 鬼母娘娘
    鬼母娘娘 游客

    配色确实舒服,蓝紫搭一起居然不土。

    中国贵州
    回复
  • 渔舟子
    渔舟子 读者

    小北出品一般都不错,这次也没翻车。

    中国四川
    回复
  • 屠夫罗
    屠夫罗 游客

    能不能用在动态看板上啊?比如实时刷新奖牌数?

    中国陕西
    回复
    • 墨心如水
      墨心如水 读者

      实时刷新的话,Power Query配合Web接口还能做到,不过Excel本身不太支持自动刷新。

      中国广东@ 屠夫罗
      回复
    • WanderingVoid
      WanderingVoid 游客

      PQ抓取数据稳定吗?我老怕它断链。

      中国山东@ 屠夫罗
      回复
  • 独语
    独语 游客

    有同感,现在报表都往手机端靠了。

    日本
    回复
    • 未来构造者
      未来构造者 读者

      我这手机端滑动卡一点,不过配色真的让人眼睛不累。

      日本@ 独语
      回复
  • Thunderborn
    Thunderborn 读者

    这也太卷了吧,我们还在画柱状图呢。

    中国广东
    回复
    • Dream梦
      Dream梦 游客

      我也是,看到你们的柱状图都快被卷进去了,感觉自己还在原地踏步。

      中国广东@ Thunderborn
      回复
  • 无拘旅人
    无拘旅人 游客

    开幕式是真牛,数字火炬人看傻了我。

    中国上海
    回复
  • 奶茶续命师
    奶茶续命师 游客

    教程虽然细,但Image函数兼容性真头疼。

    中国江苏
    回复
    • 白夜祈愿
      白夜祈愿 读者

      老版Excel经常报错,换最新版本才顺利。

      日本@ 奶茶续命师
      回复
    • 咖啡叔叔
      咖啡叔叔 读者

      Office版本低的根本跑不动Image函数,白折腾半天

      中国山东@ 奶茶续命师
      回复
  • 胖嘟嘟猪
    胖嘟嘟猪 游客

    能不能出个模板啊,自己扒颜色太费劲了

    中国河南
    回复
  • 信号猎手
    信号猎手 游客

    感觉Excel还能这么玩,真开眼了

    中国河南
    回复
  • 锁魂判官
    锁魂判官 游客

    看到这个突然想把公司KPI也整成这样。

    中国浙江
    回复
    • 外向小超人
      外向小超人 读者

      把KPI搬进去后视觉化,报告更直观,大家会喜欢。

      中国安徽@ 锁魂判官
      回复
    • PlagueDoctorX
      PlagueDoctorX 游客

      我公司KPI也搞了类似的奖牌榜,放在移动端看着顺眼,真是省了好多排版时间。

      中国黑龙江@ 锁魂判官
      回复
    • 科技诗人
      科技诗人 游客

      KPI弄成这样,老板不得天天刷?

      中国上海@ 锁魂判官
      回复
    • 幽魂灯
      幽魂灯 游客

      KPI做成这样老板怕不是以为我摸鱼在做设计😂

      日本@ 锁魂判官
      回复
  • 咕噜噜大王
    咕噜噜大王 游客

    之前搞过这个,确实折腾了好久

    日本
    回复
  • AI吟游者
    AI吟游者 游客

    求问导航条是怎么做出来的?文本框叠加吗?

    中国北京
    回复
    • 黑夜仲裁者
      黑夜仲裁者 游客

      导航条其实就是两个文本框叠加,一个放文字,一个用形状填色,调好透明度就行。

      日本@ AI吟游者
      回复
  • 水泥管道
    水泥管道 读者

    要是数据能自动刷新就好了,手动复制累死

    韩国
    回复
  • 云深归处
    云深归处 读者

    求问渐变图是截图还是自己画的?急!

    泰国
    回复
  • 窗帘的褶皱
    窗帘的褶皱 游客

    这玩意儿比我做的项目周报好看十倍……

    中国福建
    回复
  • 屁桃君
    屁桃君 读者

    要是能出个模板直接下载就好了,省得自己扒颜色。

    中国台湾
    回复
  • Ghostvale
    Ghostvale 游客

    那个蓝色和紫色搭得绝了,高级感扑面而来。

    中国
    回复
    • 赛博朋克
      赛博朋克 读者

      蓝紫配色确实有种科技感,用在报告里瞬间提升格调。

      中国浙江@ Ghostvale
      回复
  • 夜梦无边
    夜梦无边 读者

    之前搞过类似报表,也是手动粘贴数据,折腾一宿。

    比利时
    回复
    • 蚌埠住了
      蚌埠住了 游客

      我也曾通宵手动粘贴,手抽筋,后来用 Power Query 抓取数据省了不少事。

      韩国@ 夜梦无边
      回复