Skip to main content

首页 / Posts

OriginPro: Recreating a Top-Journal 3D Scatter Plot with Projections, Drop Lines, and Ellipse Backgrounds

A practical OriginPro tutorial for recreating a polished 3D scatter plot. Even with only 2D plotting basics, you can bind category shapes, add Z-axis drop lines and XY/ZX projections, overlay ellipse backgrounds, and generate a clean legend with Ctrl+L. Project files are included.

Rosetears·
··782 words·4 mins

Introduction
#

When reading top-journal papers, have you ever seen those polished, three-dimensional illustrations with refined color palettes and thought: how much code or how advanced a tool must be needed to draw that?

A few days ago, someone on Bilibili asked me under a video whether I could recreate the figure below.

3D scatter plot

The figure comes from a paper in Nano Letters (🔗 Source: 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.).

It looks intimidating, with projections and background circles. But the good news is this: if you can draw a normal 2D scatter plot, you already know 90% of what is needed for this figure. The remaining 10% can be learned in a few minutes today.


Data and Project Files
#

To make practice easier, I packaged the data, Origin project file, and paper. You can download them and follow along:

1
2
3
4
我用夸克网盘给你分享了「Origin Pro 2D图转3D图」,点击链接或复制整段内容,打开「夸克APP」即可获取。
/~355639bq9x~:/
链接:https://pan.quark.cn/s/c2bfb5da0284?pwd=5hmR
提取码:5hmR

Split the Data into Proper Columns First, or Later Edits Will Become Messy
#

1. Assign Data Columns First
#

Before plotting, one step is especially important: tell Origin what each data column is responsible for.

  1. After importing the data, set the Energy Efficiency column as the Z axis.
  2. Set the Category column as Label, because we will use it to distinguish the shapes and colors of different points.

Build the Skeleton First: Draw the 3D Scatter Plot
#

2. Draw the 3D Scatter Plot
#

Start with the basic structure:

  1. Select the X, Y, and Z columns.
  2. Click Plot3D3D Scatter.

After the chart appears, it will still look like an ordinary 3D scatter plot, without that top-journal polish. Do not worry. The next steps add the real character.


The Journal Look Comes from Details: Shapes, Drop Lines, Projections, and Background Layers
#

3. Add Details
#

3.1 Point Shapes and Colors Make Categories Easy to Distinguish
#

  1. Double-click the graph to open the Plot Details dialog.
  2. Go to SymbolShape.
  3. Choose Co1 (D), which indexes the label column to control shapes.

The color setup follows the same idea: bind it to the category column.

Adjust the exact shape configuration in the Shape List on the far right. There is no need to pursue fancy shapes. Clear distinction and readability are enough.

3.2 Drop Lines Give Readers a Landing Point
#

In the journal figure, every point has a drop line. This is genuinely useful because it helps readers locate the point in space quickly.

Steps:

  1. Open Plot Details.
  2. Find Drop Lines.
  3. Check Parallel to Z Axis.
  4. Set Style (S) to Dash.
  5. Set width to 1.
  6. Set color to Black.

3.3 Projections Put 3D Information onto Planes
#

Many 3D charts are hard to read because points float in space without reference. So we turn on projections:

  1. Check XY Projection and ZX Projection.
  2. Set the projection symbol to Point.
  3. Use light gray or light blue. The key is: do not let the projection steal visual weight from the main data.

The Ellipses Behind the Data Add Polish, but They Are Just a Few Shapes
#

4. Draw the Ellipse Backgrounds
#

Steps:

  1. Select the Rectangle Tool on the left toolbar.
  2. Switch to the Ellipse Tool inside it.
  3. Draw three ellipses, roughly corresponding to the three data regions.
  4. Use somewhat richer background colors.
  5. Set the border to Dash.
  6. Set transparency to around 60% - 80%.

Then make them sit behind the data:

  1. Select the ellipse.
  2. Open the Floating Dialog.
  3. Choose Behind Data.

Finally, make small layout adjustments. After selecting the graph, press Tab to switch selection modes, which makes fine-tuning positions easier.

Use the text tool to add labels. If the label color matches the corresponding ellipse color, the result will feel more coherent.


Do Not Let the Legend Steal the Scene
#

5. Legend
#

Delete the original legend and regenerate a cleaner one:

  1. Delete the old legend.
  2. Press Ctrl + L to generate a new legend.
  3. Remove the border.

That is all.

The final result looks roughly like this:

Top-journal style 3D scatter plot.png


A Polished Look Is Assembled Piece by Piece
#

After finishing this figure, you should feel that the polished look of a top-journal figure does not come from extremely advanced techniques or complex algorithms.

It is essentially assembled from simple elements, scatter points, lines, and hand-drawn circles, followed by patient adjustment of transparency, color, and layer order.

The purpose of data visualization is never to show off technique. It is to let readers understand your point at a glance. If the figure is clear and easy to read, even the simplest method can produce a good chart.

Related

OriginPro: Beyond Traditional Box Plots, How to Draw a Beautiful Raincloud Plot

··1136 words·6 mins
Want to draw a more informative Raincloud Plot in OriginPro? This tutorial explains two methods, using the Template Center or building the plot manually. It covers data requirements, half-violin plus point cloud plus box plot overlays, styling parameters, axes and grids, statistical-summary settings, and export tips, helping non-programmers create publication-ready charts while avoiding misleading mean-only displays.

[OriginPro] Quickly Draw a Simple Gauge Chart

··231 words·2 mins
This article explains how to quickly draw a 180° gauge chart in OriginPro using a gauge template, including template download, data preparation, and plotting steps to help you create NPS analysis charts easily.

[OriginPro] One-Click Local Zoom-In

··170 words·1 min
This article explains how to use the Zoomed Inset Plus plugin in OriginPro to create a local zoom-in with one click, covering the complete process from plugin download to fine adjustment so users can improve image-processing efficiency.

[OriginPro] Draw a Correlation Analysis Heat Map

··361 words·2 mins
This article explains how to use OriginPro to draw a polished, information-rich correlation heat map and compares it with a Python heat map. The detailed steps help you quickly use the OriginPro plugin and improve your data-analysis visuals.