Try an Example
We love interactive graphs at Plotly. This 3D surface chart can be rotated in place by dragging the mouse inside the plot. It's also a cool way to show relationships between large amounts of data that may be difficult to see in a 2D plot.
After selecting '3D Surface' under 'Chart Type', you can check out an example before adding your own data. Clicking the 'try an example' button will show what a sample chart looks like after adding data and playing with the style. You'll also see what values and style attributes were selected for this specific plot, as well as the end result.
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.
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.
Create a Chart
After adding your own data, go to GRAPH on the left-hand side, then 'Create'. Choose '3D Surface' under 'Chart type'.
After selecting ‘3D Surface', you should then fill out the Z, X, and Y dropdowns to create the plot.
This will create a raw 3D surface plot as seen below.
Style a Chart
You can choose your colorscale, text position, or typeface. Click on STYLE on the left-hand side to play around with the style of your plot. Note that certain colors and typeface are only available with a PRO subscription. Click here to upgrade!
To add a title to your graph, you can type it directly on the title by double-clicking it. The same can be done for the colorbar.
Another option is to visit the 'Layout' section under STYLE, click on 'Text' and enter your title in the box, as shown below.
For adding axes labels, the 'Text' box is found in the 'Axes' section under STYLE. Note that you have to click on each X, Y, and Z text box to add its own label. We'll leave the labels as default on our plot.
Our plot is now done! We've styled it a bit, and to learn how to make your plots extra fancy, check out this styling tutorial.
Save and Share
It's time to show off your plot! Click SAVE on the left-hand side.
Give your file a name, then 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.