熱力圖把密集的矩陣數據变成直觀的視覺模式。在多年產品分析中，我用熱力圖發現过改变產品路线、營銷策略和運營決策的洞察。本指南分享什么有效、什么无效，以及如何做出能驅動行動的熱力圖。
什么是熱力圖？
熱力圖是一种用顏色漸變表示二維矩陣中數值的數據可视化方式。顏色深浅对应數值大小，使模式、異常和聚類一目了然。可以把它想象成一张彩色表格：不用讀數字就能看出高低与趋势。
熱力圖類型
1. 矩陣熱力圖：行列为類別，单元格顏色表示关系或數值。例如相關矩陣、特徵對比表。
2. 日曆熱力圖：按日曆排布日期，顏色強度表示每日數值。例如 GitHub 贡献图、銷售節奏。
3. 地理熱力圖：疊加在地圖上，顏色表示某地的密度或強度。例如人口密度、犯罪統計。
4. 網頁/點擊熱力圖：疊加在页面截圖上，表示用户交互強度。例如點擊、滾動深度、注意力區域。
何时用熱力圖
適合： 在行列很多的矩陣中發現模式；基于時間的模式（日曆熱力圖）；多變量、多維度對比；識別異常（離群格会突出显示）。
不適合： 需要精確讀數的用表格；少于 4×4 不必用熱力圖；連續 X–Y 关系用散點图；单變量時間序列用折線图更清晰。
实战案例概要
案例 1：電商銷售節奏——按星期×小时的熱力圖發現周二至周四 10–14 点高峰、周末约低 50%，据此调整廣告投放，營銷 ROI 提升约 23%。
案例 2：相關分析做功能优先级——15 个功能的相關熱力圖呈現三类：仪表盘/API/集成强相關、评论/分享/团队功能一类、三个孤立功能。据此做捆绑定價、下线孤儿功能，功能采用率提升约 15%。
案例 3：定價页轉化——點擊与滾動熱力圖發現 FAQ 在首屏下无人点、用户点不存在的「對比」、对 logo 区无互动、移動端多数未滑过方案卡片。调整后 6 周内定價页轉化提升约 34%。
案例 4： cohort 留存——按註冊月份×註冊后月数的熱力圖显示：Day 1–7 流失约 40%、12 月註冊留存优于 7 月、改版后 cohort 第 3 月留存提升约 15%、到第 4 月的用户约 80% 会到第 12 月。据此做首周激励、按季節调整獲客、把第 4 月作为关键里程碑，90 天留存从约 25% 提到约 38%。
设计要点
配色： 低到高用順序色（如白→蓝、黄→红）；有明确中点用發散色（如蓝–白–红做相關、绿–黄–红做表现）。注意色盲可訪問、避免红绿区分关键信息。
布局： 行/列可用層次聚類、按總量或邏輯順序排列；時間从左到右、从上到下。
標注与圖例： 需要精確时可加单元格數值；軸標籤清晰；始终提供色階圖例并标出 min/max 及关键中点。
常见错误： 用彩虹色階（无直觀順序）；不聚類或無序導致模式分散；類別过多（靜態图建議不超过约 30×30）；隨意分段；缺少標題、軸標籤或圖例。
ChartGen 中的熱力圖
上傳矩陣數據（CSV 含行列標題与數值）→ 選擇「熱力圖」→ 配置色階（順序/發散/自定義）、聚類選項、是否显示单元格數值、格子大小与間距 → 導出。ChartGen 会根据數據分佈建議色階、做聚類以突出模式、生成可訪問配色，并可生成可嵌入的交互版。
小结
熱力圖擅長在复杂矩陣中呈現模式，把冗長表格变成一眼能看出洞察的图。原則：色階与數據類型匹配（範圍用順序、有正負中心用發散）；行/列順序要能揭示模式而非默认字母序；靜態图保持可讀（如 30×30 以内），更大矩陣用交互；標題、軸標籤和圖例必不可少。先想清楚问题，再整理數據，让顏色講故事。