Show Sidebar Hide Sidebar

3D Mesh Plots in Chart Studio

How to create a 3D mesh plot.

Step 1

Try an Example

To try an example, select 'Chart Type' and a panel will appear with chart type options. Once you locate the 3D mesh icon under the '3d'column, you can check out an example before adding your own data by clicking the little graph icon that will show what a sample chart looks like after adding data and playing with the style. You'll also see what labels and style attributes were selected for this specific chart, as well as the end result.

Try an Example

You can also use the data featured in this tutorial by clicking on 'Open This Data in Plotly' on the left-hand side. It'll open in your workspace.

Open data

Step 2

Add Your Data to Plotly

Head to Plotly’s new online workspace and add your data. You have the option of typing directly in the grid, uploading your file, or entering a URL of an online dataset. Plotly accepts .xls, .xlsx, or .csv files. For more information on how to enter your data, see this tutorial.

In this tutorial, we will use the helicopter dataset that is available via Plotly's dataset repo. Simply copy the URL and then navigate back to the Plotly workspace. Now, click 'IMPORT', select the 'By URL' tab, and paste in the the URL.

Add Data

Step 3

Create Your Chart

After adding your own data, go to GRAPH on the left-hand side, then 'Create'. Choose '3D Mesh' in the '3d' column.

Chart Type

Now in the trace panel, you can enter the X, Y, and Z values via the dropdowns to create the plot.

Add XYV values

Additionally, in 3D Mesh plots, you have the option to add I, J, K values immediately below in the trace panel.

Add IJK values

Now, that your 3d mesh has it's structure you can add the facecolor. Again, this can be done via the 'facecolor' dropwdown in the same trace panel.

Add facecolor

Step 4

Style a Chart

Now that we have created our chart, you can optionally choose to style it. In this example, we will adjust the aspect ratio. Here, select the 'STYLE' tab on the left-hand side, then 'Layout'. Next select 'Scene', then in the 'Aspect Ratio' dropwdown select 'auto'.

Change aspect ratio

Step 5

Save and Share

Your chart is now done! Click SAVE on the left-hand side.

Save Button

After giving your file a name, select your PLOT and DATA as 'Public' or 'Private'. For more information on how sharing works, including the difference between private, public and secret sharing, visit this page.

Save Modal

Still need help?
Contact Us

For guaranteed 24 hour response turnarounds, upgrade to our Premium or Enterprise plans.