热图是很常见的图形展示方式,在◾图形解读系列 | 给你5个示例,你能看懂常用热图使用吗?有详细描述。热图基本原则是用颜色代表数字,让数据呈现更直观、对比更明显。常用来表示不同样品组代表性基因的表达差异、不同样品组代表性化合物的含量差异、不同样品之间的两两相似性。实际上,任何一个表格数据都可以转换为热图展示。

热图通过将数据矩阵中的各个值按一定规律映射为颜色展示,利用颜色变化来可视化比较数据。当应用于数值矩阵时,热图中每个单元格的颜色展示的是行变量和列变量交叉处的数据值的大小;若行为基因,列为样品,则是对应基因在对应样品的表达值;若行和列都为样品,展示的可能是对应的两个样品之间的相关性。

注意:正因为热图应用如此之广,又可以表示很多种不同类型数据。解读热图时不要先入为主,直接就给其定性为表达热图、相关性热图;而是要想看图例、横轴、纵轴,结合图形标题一起解读。

基因表达热图绘制

使用的绘图数据是DESeq2标准化后的表达矩阵 ehbio.simplier.DESeq2.normalized.rlog.xls。

截取前15行粘贴进入热图 (http://www.ehbio.com/Cloud_Platform/front/#/analysis?page=b%27Ng%3D%3D%27)绘制的文本域:

每一行是一个基因,每一列是一个样品。

轻轻松松画个热图_html

点击Check data确认数据无误,点击Submit就可以出图了。

轻轻松松画个热图_css_02

普普通通一张热图,横坐标重叠一起了,需要调整下,Layout面板下的X-axis ticks rotation angle设置为45度;

轻轻松松画个热图_html_03

再次出图

轻轻松松画个热图_javascript_04

最左边的样本名字没有显示完整,调整下图形的宽和高

轻轻松松画个热图_js_05

提交后获得结果

轻轻松松画个热图_css_06

后面再演示聚类等更多操作

轻轻松松画个热图_css_07

测试数据获取:https://gitee.com/ct5869/bic


轻轻松松画个热图_数据可视化_08