Show Sidebar Hide Sidebar


Create a map with Mapbox in Chart Studio

Step 1

Mapbox Access Token

Before you can create a visualisation with mapbox, you must ensure that you have a mapbox token and that it is added to you Chart Studio account. If you need to do so, check the Mapbox Setup tutorial.

Step 2

Try an Example

Before getting started with your own dataset, you can check out an example. First, select the 'Type' menu. Hovering the mouse over the chart type icon will display three options: 1) Charts like this by Plotly users 2) View tutorials on this chart type 3) See a basic example.

Clicking the 'See a basic example' option will show what a sample chart looks like after adding data and editing with the style. You'll also see what labels and style attributes were selected for this specific chart, as well as the end result.

Example after

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

Step 3

Add Data

Head to Chart Studio 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. Chart Studio accepts .xls, .xlsx, or .csv files. For more information on how to enter your data, see this tutorial.

Step 4

Create Chart

After adding data, go to the 'Traces' section under the 'Structure' menu on the left-hand side. Choose the 'Type' of trace, then choose 'Satellite Map' under 'Maps' chart type.

chart types

Now, specify the latitude (in degrees East) and longitude (in degrees North) cooordinates from the dropdown menus.

trace values

Step 5

Style Chart

The 'Style' menu displays many options to modify characteristics of the overall chart layout or the individual traces. To see more options about styling the chart visit the style and layout section of the Chart Studio documentation.

Use the 'General' section under the 'Style' menu to set the plot title, and other layout properties.

To set the plot title, type the title text within the textbox provided under the 'Title' property.

Plot Title

Another approach is to click and then enter the title directly on the plot interface.

Type directly title

Use the 'Traces' section under the 'Style' menu to change the properties of the trace such as the marker (points) symbol, color or size and hoverinfo.

Trace Properties

To change the color of the traces, choose either the option 'Constant' or 'Variable'.

If 'Constant' is chosen, all the points of the trace are colored in the same color. Then choose the color by clicking on the color palette.

Color Palette

If 'Variable' is chosen, each point in the trace is colored according to the data specified. Then choose the desired colorscale from the respective dropdown menu. In this plot, the option 'Variable' is chosen, as seen below.

Color main

Use the 'Color Bars' section under the 'Style' menu to change the properties of the color bar such as title, size and position, etc.

Color Bar

Similar to the plot title, the color bar title can also be entered directly on the plot interface.

Step 6

Save and Share

To save the plot, click the 'Save' button on the left-hand side. A save modal will appear, as seen below, where you can specify the filenames and privacy settings for your plot and data grid.

Save main

For more information on privacy settings and how sharing works, visit Chart Studio's sharing tutorial.