Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using the Pie Chart Block

The Pie Chart Block adds a pie chart (also known as a pie graph or donut chart) to a page or post. Pie charts display data as “slices of pie” or parts of a whole. They’re useful for showing poll numbers, preferences, or percentages.

In the example below, we’re using a Pie Chart Block to show our group’s favorite pies.

Add and design a Pie Chart Block

Here are the basic steps to add a Bar Chart Block. We recommend preparing data in a .csv before you begin.

Note: For detailed steps and screenshots, visit Chart Blocks overview.
  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Pie Chart from the menu.
  4. For more detailed steps, visit Adding blocks.
  5. Add data. You can either paste it from a .csv opened in a plain text editor in the Import / Export tab or enter it manually in the Data tab of the block editor. If adding from a .csv, it should only contain two columns, where the first column contains a label, and a second column contains a numeric value that represents that label.
  6. Design your chart in the Design tab (add a title, legend, and color palette).
  7. Click Apply.

Formatting tips

  • The Pie Chart Block is designed to compare up to five items. Each color palette includes five colors before they start repeating.
  • Data should only contain two columns, where the first column contains a label, and a second column contains a numeric value that represents that label. In the example below, the first column contains the list of pies, and the second column contains the number of people who like that pie.

Other tips

  • We don’t recommend flipping the X and Y axes.
  • On your live site, tooltips appear on hover to show details of a data point.
  • The title, caption, and legend can’t be moved around the block.
Was this article helpful?
1 out of 3 found this helpful
Using the Pie Chart Block