引言

大家是不是每次翻顶刊论文,看到人家那些立体感十足、配色高级的插图,心里就在想:这得用多复杂的代码或者多高端的软件才能画出来啊?

前两天 B 站有个小伙伴在视频下面问我,说想要复刻下面这张图。
3D散点图

这张图出自 Nano Letters 的一篇论文(🔗 来源:Wan L, Xu Z, Cao Q, et al. Nanoemulsion-coated Ni–Fe hydroxide self-supported electrode as an air-breathing cathode for high-performance zinc–air batteries[J]. Nano Letters, 2022, 22(11): 4535-4543.)。

看着是不是挺唬人的?又是投影又是背景圈的。但我想告诉大家一个好消息:如果你会画普通的 2D 散点图,那你其实已经掌握了这张图的 90% 。 剩下的 10%,咱们今天花几分钟就能完全掌握。


数据与工程文件

为了方便大家练习,我把需要用到的数据和工程文件以及论文都打包好了,大家可以自取,边做边学:
我用夸克网盘给你分享了「Origin Pro 2D图转3D图」,点击链接或复制整段内容,打开「夸克APP」即可获取。
/~355639bq9x~:/
链接:https://pan.quark.cn/s/c2bfb5da0284?pwd=5hmR
提取码:5hmR

先把数据分好列,不然后面会越改越乱

1. 先进行数据分列

在开始画图前,有一步特别关键。我们需要告诉 Origin 哪一列数据负责什么功能。

  1. 导入数据后,记得把 Energy Efficiency 这一列设置为 Z轴。
  2. 把 Category 这一列设置为 标签(Label),因为我们需要用它来区分不同数据点的形状和颜色。

先画出骨架:3D 散点先出来再说

2. 绘制 3D 散点图

我们先把骨架搭起来:

  1. 选中 X、Y、Z 三列
  2. 绘图3D图3D散点图

画出来之后,你会发现:看着还是普通 3D 散点图,没那种顶刊的精致感。别急,后面才是加灵魂的步骤。


顶刊味道都藏在细节里:形状、垂线、投影、背景层

3. 添加细节

3.1 点的形状和颜色,让分类一眼能分开

  1. 双击图形,打开 绘图细节 对话框
  2. 符号形状
  3. 选择 Co1 (D)(索引标签列来控制形状)

颜色设置也是同样思路:让它跟分类列绑定起来。

形状的具体配置在最右侧 形状列表 里调。这里不用追求“花里胡哨”,能区分、看得清就够了

3.2 垂线:给读者一个落点,读图瞬间轻松

顶刊图里每个点都有一条垂线,这个东西其实特别实用,它能帮读者迅速建立空间定位。

操作:

  1. 打开 绘图细节
  2. 找到 垂直线
  3. 勾选 平行于Z轴
  4. 样式(S)划线
  5. 宽度设为 1
  6. 颜色设为 黑色

3.3 投影:让 3D 信息落在平面上,读图不用靠猜

很多 3D 图之所以难读,就是因为点漂在空间里,没有参照物。所以我们把投影打开:

  1. 勾选 XY 投影ZX 投影
  2. 投影符号选
  3. 颜色调成浅灰或浅蓝都行,重点是:别抢主体的视觉权重

背后的椭圆才是高级感滤镜,但它其实就是几笔图形

4. 画背后的椭圆背景

步骤:

  1. 左边工具栏选 矩形工具
  2. 里面切换到 椭圆工具
  3. 绘制三个椭圆(位置大概对应三组数据区域)
  4. 背景颜色可以丰富一点
  5. 边框设为 划线
  6. 透明度建议 60% - 80%

然后让它“乖乖躺到数据后面”:

  1. 选中椭圆
  2. 打开 浮动对话框
  3. 选择 置后于(数据)

最后小调一下布局就行。选中图形后Tab 可以切换选择模式,方便微调位置。

再用文本工具加上文字说明,颜色直接用对应椭圆的颜色,就会很协调。


图例别让它抢戏

5. 图例

原来的图例可以删掉,咱们重新生成一个更干净的:

  1. 删除旧图例
  2. Ctrl + L 生成新图例
  3. 把边框去掉

就这么简单。

最终效果大概是这样:
顶刊绘图-3D散点图.png


高级感,其实就是“拼”出来的

今天这个图做完,大家应该能感觉到:顶刊图的高级感,其实不在于你用了多深奥的技术或者多复杂的算法。

它本质上就是利用一个个最简单的图形(散点、线条、手绘圆)拼凑起来,耐心地调整透明度、配色和层级关系。

数据可视化的目的,永远不是为了炫技,而是为了让看图的人一眼就能看懂你要说什么。只要做到了清晰易懂,哪怕是用最笨的方法画出来的,那也是一张好图。

最后修改:2025 年 12 月 16 日
如果您觉得本文还不错,欢迎前往 爱发电支持我