Nature文章的插图一直是我们科研者学习的模范,其在内容量、配色、布局方面都做到了顶级,它一张图甚至可以抵我们一篇普通的论文的工作。以下摘自一篇Nature文章:Evolutionary trajectories of small cell lung cancer under therapy. Nature, 627(8005), 880–889.
博主已经将这张插图从头到尾绘制了出来,所有元素可编辑。由于耗时良久,所以作为付费内容提供给大家学习,文末赞赏20元并私信博主,可获取Visio源文件。
从整体布局上看,图片的元素非常充实、多样,留白恰到好处,看起来特别舒服;其次是配色,轻重色搭配合理,d图配色区域大颜色重,正好平衡其他图的轻色,使整体上达到视觉平衡。
这幅图上很多子图的形式已经超越了常规图的范畴,所以我们需要结合各种软件去制作,同时还要保证风格统一化,在我们用不同的软件的时候,尤其要重视风格统一,这是图片美观的关键。
下面我就一步步讲解这幅图各个部分的制作过程、所用的软件、配色选择、独特设计、无损保存。
软件:Visio+Excel(降低大家上手难度)
我们来学习一下构图思路。当考虑到由C0克隆出C1、C2、C3,进而克隆出其他亚体的时候,这幅图在我们脑海里便已形成了树根扩展的形状了。树根扩展的方向也是有考究的,图形设计的宽度要限制在A4纸的宽度内,图可以过高但不可以过宽,所以树根的方向朝向右上角对比朝向下方而言,是牺牲了宽度弥补在了高度上,这是很合理的。
配色上,考虑到C0克隆出C1、C2、C3,这三个属于不同的分类,配色要有明显的区别,而经C1克隆出的C1.1、C1.2包含从属关系,所以这两者与C1的色系近似,这种配色设计可以很容易让人理解他们的关系。
在Visio中,我们用“直线”和“椭圆”工具画出这样的结构,双击椭圆可以在里面添加文本,框架定好后,为圆形填充颜色,并设置圆形为无线条,字体颜色为白色。其余元素大家自行补足。
b图释义:系统发育类:A类,无亚无性系;具有一个亚无性系(B类)或至少两个亚无性系(C类)的线性系统发育;具有来自C1亚克隆(D类)或共同祖先克隆C0(E类)的一个分支事件,或至少两个分支事件(F类)
b图的绘制原理与a图相似,但涉及到的情况太多,所以线条和圆的比例要缩小,这样文本就无法放置在圆内,需要标注在圆的旁边。这个过程中,要保证各个元素的对齐。
首先先画出基本的形状,调整好布局,所有的圆要置于顶层,因为分为了六类,每一类可能包含了多种图形,所以在Class下面加了下划线,下划线的长度覆盖图形。利用格式刷功能,将a图的配色刷到b图,文本大小与a图一致,都是8pt。相同的文本可以按住Ctrl拖动复制,这样效率很高。
c图释义:每个患者的样本数量和与系统发育类别相关的不同时间点。
调整好长宽比例后,将每个柱状图单独拖动到画好的坐标轴上,柱状图的高度是确定了的,然而在默认的宽度下,我们会发现图形的留白比例很大,显得图很空旷。所以我们要选中6个柱状图,通过Visio左下角的属性调整至合适的宽度。
其他的元素和文字在Visio中编辑即可,没有很复杂的地方,所以不再赘述。
d图释义:根据WES数据的配对分析,根据克隆和亚克隆突变的数量进行排序(上),显示已鉴定的克隆的位点特异性CCF和系统发育类(下)。铂类化疗前和化疗后的病例根据肿瘤部位的临床反应和放疗暴露情况进行分类(Rx,绿线)。双头箭头表示来自原发肿瘤和肺内转移(深蓝色)或肺外转移(浅蓝色)或转移间部位(红色)的不同样本的比较。星号表示来自PDX模型的样本。
d图看起来复杂,其实是由两种基本图形组成的,一种是黄色柱状图,一种是百分比堆积图,这两种图我们还是在Excel里面制作,由于没有原始数据,我们还是用随机数替代。
柱状图共有84列数据,我们在Excel的单元格内输入=RAND()*200,这样就生成了0-200的随机数。
插入柱状图后,我们会发现最大最小值差异很大,这样不利于小数据的表达,所以我们把100-200间的数据进行了压缩。我们需要准备两幅图,其中一幅图的纵坐标需要限定在0-100,另一幅坐标限定在100-200,这样方便我们对图进行拼接。
在Visio中对两幅图进行同步地缩放,取消组合后,调整好每个柱状图之间的距离和宽度,期间多使用软件的自动排列和自动等距功能。散点图与柱状图的原理类似,也添加在图上。类似于刻度这种需要重复复制的内容,可以通过软件的排列形状功能自动复制,也可以手动复制,每次复制元素为1-2-4-8-16-32...。
堆积图也是从Excel里面做出来的,取消组合后我们可以对每个柱形图单独上色。
e图释义:分支进化(D类和E类)。
该图左侧是箱型图的变体,作者放弃了方框,仅用三条直线代表了最大值、最小值和平均值,这样的形式更加简洁。为了平衡整张图的宽度,作者还特意将图顺时针旋转了90度。图右侧是百分比堆积图,与d图的制作方法一样。图中所有元素都可以在Visio中画出,在此不再赘述。
f图释义:空间上不同于治疗初始环境的部位。
f图与e图很相似,配色与前面的图相同,图的左侧,作者加入了一个示意图,这个示意图我们可以在Visio中绘制。它看起来像人的肺的形状。图的左右侧曲线用“弧线”工具绘制,红色发光球用渐变色填充,一色为红色,一色为白色,渐变模式为射线,中心扩散。三个箭头用铅笔工具绘制,绘制的为圆弧的一段。
g图释义:一线铂类化疗前后。
g图与ef图相同,方法不再赘述。我们在画弧线的时候最好使用铅笔工具绘制,这样绘制的弧线很光滑。“任意多边形”工具经常用来画复杂的图形。g图的元素可以直接从ef图中复制,非常方便,也能提高我们画图的效率。
h图释义:患者S02706在新辅助化疗前、化疗后(S2)和复发时(S3)获得的肿瘤的克隆动力学。
h图用到了前面的图形,只是在这里,右边的图形会被分割为两部分,我们需要用到开发工具里面的修剪工具,首先在原图上画两条直线用于切割,选中右半部分的所有线条,进行修剪,相交部分均被断开,删除多余的线段。
S2处的效果与S1处的效果类似,只需要将红色和白色的位置对调。右下角的矩形图中,有两个辐射的效果,Visio中并没有梯形和三角形的标准图形,都需要用直线绘制,然后通过开发工具里面的连接工具将直线连接成封闭图形。
i图释义:复发性肿瘤中祖先C0或C1克隆的比例。
这幅图很简单,只有一个简单的百分比堆积图,与前面不同的是,这里的堆积图是有线条的,我们注意加上就行,其他都很简单。
经过博主的不懈努力,终于将这幅Nature图还原了出来,由于没有原始数据,所以使用了随机数据。整体来说,这幅图绘制的难度不大,主要时间花在了工作量上面。在复现这幅图的过程中,也着实学到了不少东西。
整幅图画完以后,还有一个很关键的地方需要注意。因为整个图片用的字号都是8pt,保存为任意格式的图片后,质量均会有一定的失真,尤其是字体经过放大也会有看不清楚的情况,所以我们希望图片保存是矢量的。
有这样一种方法可以使用,Visio中另存为PDF格式。不过经过博主的多次试验,这个方法存在一个缺点,当我们做的图存在特效时,会有一部分特效不被正确显示,如果做的图没有特效,则完全可以使用这种方法。
如果你觉得我的分享对你有帮助的话,欢迎大家在这里点赞、在看、分享。当然,也欢迎大家在这里打赏。互动越多,更新越快哦~
声明:本公众号的所有原创内容,在未经允许的情况下,不得用于任何商业用途,违者必究。