Show Sidebar Hide Sidebar

How to Add an Inset in Plotly 2.0

Add an inset using the Plotly 2.0 data visualization tool

Step 1

Introduction

This feature allows you to add an inset plot to a main plot. This is great if you'd like to display related data, or highlight a portion of the main plot.

Step 2

Add Your Data to Plotly

The first step is to head to Plotly’s new online workspace and add your data. It's also a good idea to name your columns beforehand (either by adding your data using Plotly 1.0, or naming them in the CSV or Excel file that you're uploading), and label your axes. This will make selections for a specific trace easier.

Import data

Step 3

Create a Plot

After adding your data, go to GRAPH on the left-hand side, then 'Create'. Choose your 'Chart type', and add your traces using the X and Y dropdown (this section is different depending on the chart type).

Subplot Trace

Step 4

Select a Subplot

We need two traces in our main plot, so we'll repeat the above steps by clicking the blue '+Trace' button on the right-hand side of the panel to add the second trace.

Second trace

We'll do the same for our third trace, but after we select our x and y values, we'll click on 'Subplot and Multiple Axes'.

Third trace

This will open a section where you can select an arrangement for your subplot.

Subplot arrangement

We'll select the 'Inset' arrangement for this trace, and click CONFIRM.

Inset

If you select an arrangement and then change your mind, the 'Undo' button will cancel the last arrangement selection only. This is very important to remember.

Undo button

You can also add more than one inset. Just add another trace, click on the 'Subplot and Multiple Axes', and select the same 'Inset' arrangement. It's not necessary for our plot, so now we'll get to the fun part.

Step 5

Style a Plot

We've styled this plot quite a bit, which includes adding lines around both plots, customizing our tick labels and markers, and playing with colors and typefaces.

Final plot

If you like the way we've styled our plot, see this tutorial for more styling tips.

Step 6

Save and Share

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

Save main

Give your PLOT and DATA a filename and select the privacy setting. For more information on how sharing works, including the difference between private, public, and secret sharing, visit this page.

Save pop-up

Still need help?
Contact Us

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