BI / Analytics · Heatmap

让密度显形，
让热点自己说话

冷蓝到炽红的连续色标，把 84 个时段的用户活跃压进一张矩阵：越暖越忙，越冷越闲。悬停任意色格即可读取精确数值。

生成热力图 查看色标

近 7 日 × 各时段活跃度

冷 0100 热

摘要：峰值 92（周三 12 时）；工作日 10–16 时为持续热区，周末整体转温。

类别BI / Analytics 年代2020s Modern 复杂度中 Medium 最适合相关性矩阵 · 行为热区 · 地理强度分析 提示冷暖渐变 + 数值标注（色盲替代）

热力语言的三个要素

一套连续色标、一层悬停提示、一份发散色板——组成完整的强度可视化语言。

连续色标

从 #0080FF 的冷蓝经中性暖黄过渡到 #E00000 的炽红，色相与明度同时变化，强度差一眼可辨。

悬停即知

色格悬停放大 1.22 倍并弹出深底浮层，展示维度与精确数值。试试下面三格：

发散色板

正负偏差用双端发散色：蓝为低于基准、红为高于基准，中点留白，适合同比与相关性。

-500+50

按钮与控件

峰值 92 · 周三 12 时

悬停按钮出现加深与投影，按下下沉 1px，禁用态降低不透明度并锁定指针。

订阅热力周报

每周一上午，把上周的活跃热区与冷区变化寄到你的邮箱。

配色板

冷 → 中性 → 热的六档强度色阶，两端即品牌色。

极冷蓝#0080FF
冷雾蓝#B3D4FF
中性暖黄#FFF3B0
温感金#FFD23F
灼热橙#FF8C42
炽红#E00000

字体级阶

强度 0 → 100

显示级 · Inter 800 · 34–46px · 渐变填充

矩阵标题：近 7 日活跃度

标题 · Inter/Noto Sans SC 700 · 24px

正文保持 16px 与 1.6 行高；色格本身不放文字，数值交给悬停浮层与图例说明。

正文 · Noto Sans SC 400 · 16px

Legend Label · 图例标签

标签 · Inter 600 · 12px · 字距 0.1em