如何绘制漂亮的Science组合图？

在2020年1月份，写过一篇关于绘制Science文章一个高颜值高难度的组合图表（如下图）的作图教程，文中主要介绍了基于R语言的绘制方法，感兴趣可阅读《绘制一篇Science的组合图》一文。不过画法其实还有很多，我这里再介绍一种比较原始简单的画法。

（Science, 2015）

1. 准备工作

首先，准备好相关性热图，如下，为了获得高质量的图片，导出图片时建议保存为矢量图文件，关于本文的相关性热图的画法可参考《相关性热图还能玩出什么花样？》一文。

使用Ai(Adobe illustrator)打开PDF格式的热图文件，切换到画板工具，调整画板的大小为接下来网络图（连线）的绘制留出空间，如下。

2. 绘制连线

使用矩形网格工具绘制网格用作辅助线，结合键盘的上下方向键可增减网格的水平分隔数，最终只需确保网格的“横线”的数量（这里为7）与热图环境因子数量相同即可。

当然也可以用网格工具在画板上单击一下，在弹出的矩形网格工具选项窗口中直接指定水平分隔线的数量为5，垂直分隔线的数量这里不做严格要求，点击确定按钮完成绘制。注意，由于相关性热图对角线上的标签不包含pH，这里不绘制相应的连接线。

接下来使用小黑工具（选择工具）选中网格后，双击旋转工具，将旋转角度设为45度，点击确定按钮完成旋转。

使用小黑工具调整网格的大小，使之与热图的环境因子标签对齐，如下，并将网格线的描边颜色设为浅灰色。

然后，打开图层浮动面板，为了防止背景热图和网格线之后被误操作，点击“眼睛”图标右侧的空白区域锁定图层，如下，接着点击创建新图层按钮新建图层，点击一下新图层，接下来即可在新图层中绘制图形。

接下来使用直线段工具绘制连接线，如下，可以从右向左画线，反之亦可。注意，当智能参考线的文字提示由“交叉”变为“锚点”时，表示端点与端点已对齐。当然如果不放心，可以使用小白工具框选这些直线段的左端点，进行水平和垂直方向对齐。

打开图层面板，将连接线所在的图层拖动到创建新图层按钮上进行图层的复制，重复上一操作，建立两个副本，如下。

接着，锁定其中的两个连接线图层后（图层3和图层4），然后选中未锁定的连接线图层（图层5），使用小白工具框选这些链接线的左端点并移动到网格的其他位置，如下。同样的方法，解锁图层4，锁定图层5，将图层4中链接线的左端点移动到其他的位置。这样，3组连接线就快速绘制完成了。

为了方便设置每个分组连接线的颜色和粗细，使用文字工具先在每个链接线图层添加分组标签，如下。

接下来，使用小黑工具选中连线，分别根据mantel test结果中的r值和p值的范围分别设置连接线的粗细和颜色，为了避免另外两个分组连线的视觉干扰，可以隐藏相应的图层，如下。同样的方法，完成另外两个分组的连线的粗细和颜色设置。

每个分组的mantel test结果表格可以用以下的格式进行生成或整理。比如这里是OTUs组的mantel test分析结果，为了便于设置连线的粗细和颜色，分别对r值和p值的大小进行了分级。Mantel’s r值这里分了3级，分别对应的线条粗细为0.75pt、2pt、3pt，线条颜色的设置也是类似的方法。

将3个分组线条的颜色和粗细设置完成后的效果如下，注意，我这里通过点击描边，将线段的两端设为了圆头。

3. 图形装饰

为了让图形看起来更精美一些，使用椭圆工具绘制小小的正圆，描边粗细为1pt，白色填充，描边颜色选用热图的绿橙主色。然后复制多个，置于连接线的端点上。

整体的绘制效果如下，这里的图形主要为“方圆”两种，方圆之间尽显中国传统特色。

当然，如果喜欢弧形的连线，也可以先使用小黑工具选中所有连线，然后使用整形工具逐一调整线段的弧度（在线条上拖动即可），如下。为了方便操作，这里隐藏了其余两组连线所在的图层。

最后使用文字工具、直线段工具和圆角矩形工具绘制图例，直线段的粗细和颜色分别对应mantel test结果中r值和p值的范围。

最终的效果如下：

当然，如果还是觉得复杂也没关系，OmicShare近期应该会上线相应的动态小工具，到时候只需上传数据就可以直接出图啦，敬请期待！好啦，本次分享就到这里啦~

▼参考文献▼Sunagawa S, Coelho L P, Chaffron S, et al. Structure and function of the global ocean microbiome[J]. Science, 2015, 348(6237): 1261359.

实用工具操作教程分享

前沿组学文章实时解读

实验技术分析方法探讨

独家生信视频教程推荐

基迪奥 | 专业定制测序服务

客服：020-39341079