Pie chart / pie graph example
Start with a classic pie chart for showing a small set of categories as parts of one whole.
Preview
Also works as16:9
1.7s / 1.7s
Free pie chart & donut chart maker
Export
Loading account
Show a small set of parts of a whole
Understanding pie & donut chart
Use Vizvero as a free online pie chart maker and pie graph generator for part-to-whole data. Paste positive category values, choose category, value, and percentage slice labels, switch between pie and donut (doughnut) styles, then customize, animate, and export the result.
A pie chart, also called a pie graph, divides a circle into slices whose angles represent each category’s share of the total. Vizvero calculates those percentages automatically from positive category values.
A donut chart, also spelled doughnut chart, uses the same part-to-whole encoding but opens the center. Vizvero uses that center for the total, so pie and donut remain two styles of the same underlying chart family and editor.
Use this chart when
- Every value is a positive part of one meaningful total.
- You have a small number of categories with visibly different shares.
- The main question is what percentage of the whole each category represents.
Choose another chart when
- Values can be negative or do not add up to a meaningful whole.
- You need precise comparison among many similar categories; use a bar chart.
- You want to show change over time; use a line or area chart.
Prepare your data
- 01Use one category column and one positive numeric value column.
- 02The values do not need to add up to 100; Vizvero calculates percentage shares from the positive total.
- 03Zero and negative values are excluded because they cannot form a meaningful slice of a positive whole.
Editable examples
Pie & donut chart examples and layouts
See the layout with real sample data first, then open the exact example in this maker and replace the data with your own.
Four-step workflow
How to make a pie & donut chart in Vizvero
- STEP 1
Add categories and values
Paste positive category values from a spreadsheet, edit the two-column grid directly, or import a CSV.
- STEP 2
Choose pie or donut
Switch between a full pie and donut/doughnut style without changing the underlying data.
- STEP 3
Choose slice labels and style the chart
Show category names, raw values, percentages, or any combination. Auto positioning keeps roomy labels inside and moves crowded labels outside.
- STEP 4
Animate and export
Preview Reveal or Spotlight motion and export the same chart as PNG, SVG, or MP4.
Make the chart easier to read
- Keep the slice count low enough that viewers can compare the shares without hunting through a long legend.
- If exact percentage labels matter, turn them on directly instead of asking readers to estimate similar slice sizes.
- If two shares are close and precise comparison matters more than composition, a sorted bar chart is easier to read.
- Use donut style when the center total adds useful context; it does not change the statistical meaning of the chart.
From data to finished asset
Designed themes
Change typography, spacing, geometry, axes, background, and palette without rebuilding the chart.
Static and animated export
Export the same chart scene as PNG, true vector SVG, or frame-rendered MP4.
Browser-first workflow
Editing and chart rendering happen in the browser, so you can work without creating an account.
Frequently asked questions
Is a pie chart the same as a pie graph?
Yes. Pie chart and pie graph are commonly used for the same circular part-to-whole visualization.
Can I show category names, values, and percentages on the slices?
Yes. Category, Value, and Percentage are independent slice-label controls, so you can show any combination. Auto positioning keeps labels inside when they fit and moves crowded labels outside with leader lines.
Can I make a pie chart with percentages?
Yes. Turn on Percentage labels and Vizvero calculates each positive category’s share of the total automatically, so your source values do not need to add up to 100.
What is the difference between a pie chart and a donut chart?
They encode the same part-to-whole relationship. A donut opens the center of the circle and Vizvero uses that space to show the total.
Is it donut chart or doughnut chart?
Both spellings refer to the same ring-shaped chart. Vizvero uses Donut in the editor and supports the same visual people search for as a doughnut chart.
Can pie charts contain negative values?
No. Negative values do not have a meaningful angular share of a positive whole, so Vizvero excludes them from the pie calculation.
Can I export pie and donut charts as SVG or MP4?
Yes. Both styles use Vizvero’s shared PNG, SVG, and MP4 export pipeline.
Keep exploring