他把贡献图变成3D天际线,评论区有人叫好有人皱眉
一个把GitHub贡献图转成城市天际线的设计演示,好看是好看,但评论区里关于实用性的讨论更有意思。
Divan Raj在X上发了一段视频,把贡献图变成了城市天际线。
贡献图不陌生,GitHub个人主页上那一排排小方块,记录你每天提交了多少代码。Divan把它立起来,每个方块变成一栋楼,提交越多楼越高,连起来就是一片城市轮廓。点击时还有冲击效果,楼体跟着弹一下。
评论区反应分两派。一派觉得酷,问要不要开源,建议直接拿GitHub数据跑一遍。另一派更实际。Adam Fard说,仪表盘上保持平面点阵图,把3D天际线放在下钻面板里,才是聪明做法。Artan更直接:点击的冲击效果看着难受,仪表盘本身不错。
这两个评论点到了关键。数据可视化有两个目标,好看和好用。3D天际线确实让枯燥的贡献数据有了画面感,你一眼能看出哪个时间段“楼”高,哪片区域“楼”矮。但放在主仪表盘上,3D图形的遮挡、透视变形、点击动画都会增加认知负担。用户想查某一天的提交数,不需要先欣赏一遍城市风光。
Divan的回复倒很放松,说暗色亮色用户自己选。但产品设计里,视觉风格从来不只是皮肤问题。天际线这种形式更适合作为探索入口,让用户产生“想看看”的冲动,然后点进去看具体数据。主视图还是留给扁平、精确、可快速扫描的图表。
把贡献图变成天际线,是个好玩的视觉实验。它提醒一件事:数据可以讲故事,但别让故事挡住数据。
发布时间: 2026-11-06 02:33