Pie chart maker: show parts of a whole
A pie chart shows how a total is divided into parts: market share, budget allocation, survey answers or traffic sources. Each slice's angle is proportional to its value, and this pie chart maker calculates the percentages for you. Values do not need to add up to 100; the tool uses the sum of all values as the whole.
Example data
Browser,Share
Chrome,65.4
Safari,18.6
Edge,5.3
Firefox,2.8
Samsung Internet,2.4
Other,5.5The chart draws six slices in order, clockwise from the top, with each slice labeled by its percentage when it is large enough to fit the text (4% or more). Hovering over a slice shows the label, value and exact percentage.
Only the first value column is used, because a pie chart shows a single series. JSON input such as {"Chrome": 65.4, "Safari": 18.6} works as well.
Legend or outside labels
- Legend on (default) – category names and values are listed below the chart, and percentages are printed on the slices. This is tidy for many slices.
- Legend off – category names are placed around the pie with leader lines, spaced so they do not overlap. This lets readers connect names and slices without looking back and forth.
Colors can be set as a comma-separated list; otherwise a palette designed to keep neighboring slices distinguishable is used.
Zero and negative values
A slice cannot have a negative size, so rows with zero, negative or missing values are skipped, and the status line tells you how many rows were left out. If your data contains negative numbers, a bar graph is the right chart.
When a pie chart works, and when it does not
Pie charts are popular but easy to misuse. People compare angles and areas less accurately than lengths, so:
- Use few slices. Two to six slices read well. Group small categories into "Other".
- Show a real whole. Slices must be parts of one total. Survey questions where people could pick several answers do not form a whole.
- Order by size. Put the rows in descending order so the largest slice starts at the top.
- Avoid comparing pies. To compare shares across years or groups, use grouped bars instead.
Prefer a modern look with a total in the center? The doughnut chart maker uses the same data.
Export as SVG
The chart is a standalone SVG file. SVG is a vector format, so it stays perfectly sharp at any zoom level and in print, and it can be embedded directly in web pages, opened in Illustrator, Inkscape or Figma for further styling, and inserted into recent versions of Word, PowerPoint and Google Slides. Hovering over data points in the preview shows exact values, and these tooltips remain in the downloaded file when it is opened in a browser. If a platform only accepts PNG or JPG, open the SVG in a browser or an editor and export or screenshot it at the size you need.
Charts are drawn as SVG by JavaScript in your browser without any chart library or server; your data is never uploaded.