数据可视化 UI 设计模式

一排从底部长起来的柱子，最高那根用对比色强调——最直白的"谁多谁少"。

一条平滑曲线画趋势，线下方铺一层渐变面积——增长故事的最佳讲法。

一圈分色的圆环中心放总数，占比关系 + 汇总数字一图两得。

一条 60-100px 的小曲线塞在数字旁边，趋势一眼扫到不打断阅读。

一行行小色块，颜色深浅编码数值密度——GitHub 贡献图同款。

半圆刻度盘 + 一根指向当前值的弧线，像汽车仪表一样报告"状态好不好"。

一圈从 0° 画到当前百分比的圆环，中心数字同步——比横条进度更紧凑。

一根条里分几段颜色，各段代表组成部分——"钱都花哪儿了"的最佳表达。

按数值从高到低排的横向条形，第一名用强调色——排行榜的极简形态。

从宽到窄一层层收窄，每层之间的跌幅就是每一步的流失率。

多边形能力网：五个轴五条边，形状越饱满越全面。适合"多维对比一个主体"。

图表不裸奔——套一层带标题、大数字和时间筛选的"壳"，才是仪表盘的单元。