EvolView: 进化树+条形图:“组合图”的绘制

  • A+
所属分类:Evolution

经常有童鞋问如何绘制进化树和条形图、热图等的组合图,大神们经常会推荐大家用iTol。但由于iTOL是国外的网站,于是大家经常会遇到iTOL无法登陆的情况。

今天为大家介绍一个类似iTOL的进化树在线美化工具:EvolViewEvolView在12年发布,它是由中国科学院北京基因组研究所开发的(见下图),嗯,一款非常棒的国产在线工具。

网址:http://www.evolgenius.info/evolview/

EvolView: 进化树+条形图:“组合图”的绘制

闲言少叙,下面就看下如何使用EvolView进行进化树的可视化,以及绘制出进化树+条形图的“组合图”。

数据准备

首先,你得有“一棵树”。这里用MEGA建了个TP 53 gene NJ 树,将进化树导出为Newick格式,方法如下,关于Newick格式和Newick树的导出,在《如何绘制“松针”状的进化树?》一文中已介绍过。

EvolView: 进化树+条形图:“组合图”的绘制

另一个需要准备的数据是条形图的数据,每一个gene ID 对应的想展示的数据,可以是1列也可以是多列。为了方便大家练习,本文所用的示例数据和“代码”(姑且称作代码吧)已上传到论坛,可通过 阅读原文下载。

进化树调整

首先注册个EvolView账号,这样你的工程文件会保存在服务器上,便于之后的反复调整。然后在Basic选项下,打开从MEGA中导出的Newick树,方法如下图,注意,必须给当前的工程文件和进化树命名。

EvolView: 进化树+条形图:“组合图”的绘制

接下来,显示Bootstrap值,点MEGA MODE,Bootstrap值就会以整数的形式显示,如下图。

EvolView: 进化树+条形图:“组合图”的绘制

你也可以选择不同的展示形态,甚至可以手动翻转“树枝”,如下图。

EvolView: 进化树+条形图:“组合图”的绘制

转换形态后,你也可以通过改变“标尺”的大小来改变“树枝”的长度,如下图,这个功能真的非常赞!

EvolView: 进化树+条形图:“组合图”的绘制

如果要隐藏Bootstrap值小于75的数字标签,可通过单击Annotation upload下的Bootstrap值注释按钮进行注释,方法如下图。

EvolView: 进化树+条形图:“组合图”的绘制

需要添加的注释信息是这样的:

## hide bootstrapvalues less than 75, and apply colors according to bootstrap values

!bootstrapValueStyle show=1,style=numeric,color=red,place=4

0,75 show=0

76,90 color=darkred,size=8

91,100 color=darkred,size=8

主要是设置不同Bootstrap 值范围下,Bootstrap值字体的颜色和大小。

点击submit后,即可产生下图的效果。

EvolView: 进化树+条形图:“组合图”的绘制

当然你也可以粘贴其他的样式注释信息,例如以下图的方式展示Bootstrap值。

EvolView: 进化树+条形图:“组合图”的绘制

实现上图注释信息如下:

添加条形图

类似于上面的方法,下面添加一种叫做“条形图”的注释,方法如下。

EvolView: 进化树+条形图:“组合图”的绘制

具体的注释信息(条形图的绘制数据)如下:

通过加#号可阻止当前行“代码”的执行,进而可实现多种展示结果,如下图。如果不知道该怎么改注释信息,可点帮助链接进入相应的帮助页面,里面有多种示例的“代码'。

EvolView: 进化树+条形图:“组合图”的绘制

最后通过Export菜单(如下图)导出所需格式的图片,这里推荐大家导出PDF格式的矢量图。

EvolView: 进化树+条形图:“组合图”的绘制

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: