Figwise

热图在线生成工具

粘贴一份带行列标签的矩阵即可画出热图,单向渐变或双向发散配色随意切换,自带色标与数值标签——免费,无需注册。

配色方案

已载入 8 行 × 6 列

Ctrl-1 Ctrl-2 Ctrl-3 Treat-1 Treat-2 Treat-3 GENE1 GENE2 GENE3 GENE4 GENE5 GENE6 GENE7 GENE8 2.5 -2.4 Heatmap — Figwise
01READING THE CHART

热图怎么看:配色、单元格与色标

热图把一张数字表格变成一格格的彩色方块,本来要在表格里逐行找规律,换成热图一眼就能看出来。每个格子的颜色深浅代表数值大小,旁边那条色标就是对照表,把颜色翻译回具体的数字。

单向渐变配色从浅到深,适合只往一个方向变化的数据,比如计数、表达量这类始终为正的数值。双向发散配色从一种颜色经过中间的浅色过渡到另一种颜色,0 居中,遇到既可能为正也可能为负的数据——倍数变化、相关系数、相对某个基准的得分——就该用这种配色。

看热图要看色块而不是盯着单个格子:一角连成一片的深色区域,通常说明这些行列是一起变化的;相关性热图里对角线永远是最深的颜色,因为每个变量和自己的相关系数都是 1。行列顺序按你粘贴的原始数据排列,粘贴前把相关的行放在一起,色块看起来会更清楚。

标注了颜色单元格、行列标签与色标的热图示意
02HOW IT WORKS

把一份数值矩阵变成热图

从一份原始矩阵到一张可直接投稿的热图,完整流程如下。

  1. 01

    粘贴矩阵(TSV 或 CSV)

    从表格软件里直接复制一份数据,首行放列标签、首列放行标签,粘进文本框即可。

  2. 02

    选一种配色方案

    数值始终为正就选蓝色或绿色渐变;数据会跨越零、想让 0 这个中点显眼一些,就选双向发散配色。

  3. 03

    开关单元格数值标签

    读者需要看到精确数字而不只是颜色深浅时打开数值标签,矩阵较密时关掉能让整张图更干净。

  4. 04

    检查效果并导出

    改动矩阵的同时图表和色标会实时重绘。配色与标签都调好后,下载 SVG 或 PNG 即可。

03EXAMPLES

热图示例

用本工具渲染的热图,从基因表达谱到相关系数矩阵、月度汇总都有。

处理组与对照组基因表达

对照与处理样本间基因相对表达量的双向发散热图,红色代表上调、蓝色代表下调,以 0 为配色中心。

带数值标签的相关性热图

取值范围在 -1 到 1 之间的相关性热图,每个格子的相关系数直接印在颜色上,图案与具体数字一起呈现。

月度销售分类对比

十二个月销售额在多个产品类别间的单向渐变热图,适合任何数值恒为正数或计数的矩阵。

小矩阵全格标数值

一个 5×5 的小矩阵,每个格子都打开了数值标签,适合把热图当成一份可查数表来用。

04FEATURES
热图在线生成工具即时渲染粘贴进来的 TSV 矩阵
TSV · CSV

TSV/CSV 直接粘贴即渲染

从表格软件或 CSV 导出文件里复制一份数据直接粘进来,首行首列自动识别为标签,多大的矩阵一放进去就能立刻画出网格。

支持单向渐变与双向发散配色切换的热图生成工具
SEQUENTIAL · DIVERGING

科研级配色:单向渐变与双向发散

蓝色渐变、绿色渐变、以 0 居中的双向发散配色随意切换,这也是相关系数矩阵和倍数变化图在正式论文里常用的配色惯例。

带色标图例与单元格数值标签的热图
VALUES · COLORBAR

数值标签与自带色标

每张热图都自带一条标出最小值与最大值的色标,格子里的数值标签在颜色较深时会自动切换成白色文字,保持清晰可读。

浏览器里的热图生成工具,带 SVG 与 PNG 下载按钮
SVG · PNG

免费热图生成器,导出无水印

热图想画多少张都不收费——没有账号门槛、没有导出次数限制、也没有水印。期刊要矢量图就导 SVG,幻灯片和文档用 PNG,全部在浏览器里完成。

05FAQ

热图在线生成工具 — 常见问题

关于热图怎么看、怎么画,大家最常问的问题都在这里。

06RELATED TOOLS

准备好把你的矩阵画出来了吗?

粘贴矩阵、切换配色直到规律一目了然,画好的热图直接以 SVG 或 PNG 带走。

开始画图