Vizvero

Pie & donut chart example

Donut Chart Example (Doughnut Chart)

A donut chart, also spelled doughnut chart, uses the same part-to-whole encoding as a pie chart but opens the center. Vizvero uses that space for the total while keeping percentage labels and the legend available.

Edit this example Start a blank pie & donut chart
Orders by regionDonut / doughnut chart with a center totalEurope310 · 27.43%Latin America120 · 10.62%Asia Pacific240 · 21.24%North America460 · 40.71%Total1,130North America40.71%Europe27.43%Asia Pacific21.24%Latin America10.62%Source: Sample data

Example data

This is the data used by the live preview. Open the example in Vizvero to replace any cell, add series when the chart supports them, change chart settings, and export the result.

RegionOrders
North America460
Europe310
Asia Pacific240
Latin America120

How to structure the data

  • 01Use one category column and one positive numeric value column, just like a pie chart.
  • 02Switch Chart style to Donut; the data does not need to change.
  • 03This example turns on Category, Value, and Percentage labels together with Auto positioning.
  • 04The center total is calculated from the positive values included in the chart.

What this example shows

Use the donut variant to keep the same part-to-whole encoding while opening the center for a total.

Donut vs doughnut chart

Donut chart and doughnut chart are spelling variants for the same ring-shaped part-to-whole chart. Vizvero uses Donut in the editor while this page covers both search terms.

More pie & donut chart examples

Related pie & donut chart examples

Browse all examples

Make this pie & donut chart your own

Open the exact example in the matching maker, replace the sample data, then customize the layout, design, animation, and export format.

Edit this example
Donut Chart Example (Doughnut Chart) & Template | Vizvero