Show Sidebar Hide Sidebar

Make a Bubble Chart Online with Chart Studio and Excel

Bubble charts with Chart Studio

Step 1

Upload your Excel data to Chart Studio's grid

Open the data file for this tutorial in Excel. You can download the file here in CSV format

Excel view

Step 2

Head to Chart Studio

Head to the Chart Studio Workspace and sign into your free Chart Studio account. Go to 'Import', click 'Upload a file', then choose your Excel file to upload. Your Excel file will now open in Chart Studio's grid. For more about Chart Studio's grid, see this tutorial

Import data

Step 3

Sizing and Log Axis

Your plot should look something like this.

Progress

Open the TRACES popover in the toolbar.

Traces

This is what the “Style” tab of the TRACES popover should look like for “All Traces (Bubble)”. We’ve set the “Size” field to scale the bubbles’ diameter, not area. And we’ve evened out the pixel-to-value ratio (the higher the value in the box, the smaller the bubbles will be). We’ve also increased the weight of the white bubble outlines.

Style tab

Now, open the AXES popover in the toolbar. This is what the 'Range' tab for the X Axis looks like.

We’re opting for a log scale, which will result in a more linear plot.

Step 4

Style and annotate!

Your plot should now look something like this. In order to get the graph at the top of the chart, you’ll need to style it a little more.

Progress3

This is what the “General” and “Margins” tabs of the LAYOUT popover should look like. We’re giving our plot a grey background, and we’ve changed some of the font options.

General

This is what the 'Lines' tab of the AXES popover looks like. We’ve changed the grey grid to white, and increased the line weight.

This is what the LEGEND popover looks like. We’ve set its background to grey, too.

We’ve titled our chart and axes. And we’re using markup to link to our source data using the NOTES popover. Select the 'Page' option, and hide the arrow.

Because our note has nothing to do with specific data points, we’re going to nestle it below the x-axis. Now drag it to the bottom corner of your plot.

Once your note looks like you want it to, use the HTML anchor tag (<a>) to link to the data source.

Step 5

Export & Share

Download an image of your Chart Studio graph by clicking EXPORT on the toolbar.

Export

Your finished chart should look something like this:

Finished

To add the Excel file to your workbook, click where you want to insert the picture inside Excel. On the INSERT tab inside Excel, in the ILLUSTRATIONS group, click PICTURE. Locate the Chart Studio graph image that you downloaded and then double-click it. Notice that we also copy-pasted the Chart Studio graph link in a cell for easy access to the interactive Chart Studio version.

Excel