Show Sidebar Hide Sidebar

Pie Charts in Plotly 2.0

Create a circular statistical chart that is divided into slices.

Step 1

Try an Example

In a pie chart, the arc length of each slice is proportional to the quantity it represents. While it is named for its resemblance to a pie which has been sliced, there are variations on the way it can be presented.

After selecting 'Pie chart' 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 labels, values, 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 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.

Import data main

Step 3

Create a Chart

After adding your own data, go to GRAPH on the left-hand side, then 'Create'. Choose 'Pie chart' under 'Chart type'.

Chart type pie

Click on GRAPH on the left-hand side to add the 'Labels' and 'Values' to your pie chart. After selecting ‘Pie chart', you should then fill the labels and values dropdown to create the plot.

Labels and values

This will create a raw pie chart, as seen below. It may not look perfect right away, but playing around with the style will get it there.

Raw chart

Step 4

Style a Chart

You can choose your colors, text position, or typeface. Click on STYLE on the left-hand side to play around with the style of your chart.

To change the colors, click on ‘Traces’ under the same STYLE tab. Note that certain colors and typeface are only available with a PRO subscription. Click here to upgrade!

Colour main

You can also take your pie chart to the next level by pulling apart your pie slices, or by creating a donut chart.

You'll be able to do both by visiting 'Traces' in the STYLE section. For pulling your pie slices apart, play with the percentage in the PULL APART % field under 'Modify'.

Pull apart

If you wish to create a donut chart, you can play around with the % in the HOLE field.

Hole

To add a title to your chart, you can type it directly on the title by double-clicking it.

Type directly title

Another option is to visit the 'Layout' section under STYLE, click on 'Title and Fonts' and enter your title in the box, as shown below.

Type in layout panel

We've also added our source by going to 'Notes' and clicking on the blue '+Annotation' button, then selecting 'Source to data'. For more information on annotations, visit this page.

Annotation

Step 5

Save and Share

Click SAVE on the left-hand side.

Save main

Give your PLOT and DATA a filename and select them as 'Public' or 'Private'. 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.