How to Make a Pie Chart Online (Free, PNG or SVG)
Type your categories and numbers and get a pie chart straight away — show percentages or values, move the legend, rotate it, and download PNG, JPG or SVG. Free.
3 min read ·
To make a pie chart, open the Pie Chart Maker, give it a title, and enter your data — either as Label:Value pairs ("Rent:1200, Food:450, Transport:200") or as separate lists of labels and values. Choose what each slice shows — the percentage, the value, the label or both — and where the legend goes, then download the chart as PNG, JPG or SVG.
Make a pie chart step by step
- Open the Pie Chart Maker.
- Type the Chart Title.
- Choose the Input Format:
- Combined (Label:Value) — one box:
Rent:1200, Food:450, Transport:200. - Separate Labels & Values — labels in one box, values in the other, in the same order.
- Combined (Label:Value) — one box:
- Choose the Slice Text: percentage, value, label, both, or none.
- Pick the Legend Position — top, bottom, left or right.
- Rotate the pie (0–360°) so the most important slice sits where you want it, usually starting at the top.
- Set the background, title and text colours.
- Press Download PNG, Download JPG or Download SVG.
When a pie chart is the right choice
Pie charts show parts of one whole — every slice is a share of 100%:
- How a budget is split.
- Survey answers to a single question.
- Market share, time spent, sources of traffic.
They work best with two to six slices of clearly different sizes. People judge angles and areas poorly, so with many similar slices, a bar chart is easier to read. With many categories in groups, a treemap fits far more.
Tips for a clear pie chart
- Order slices from largest to smallest, starting at the top (12 o'clock) and going clockwise — enter them in that order.
- Combine tiny slices into "Other" so labels don't collide.
- Show percentages on the slices; put the exact values in a table or the text if they matter.
- Avoid 3D and exploded slices — they distort the sizes.
- Use clear contrasting colours, and don't rely on colour alone: label the slices.
Pie or doughnut?
A doughnut chart is a pie with a hole in the middle — handy for putting a total or a headline number in the centre, and easier to compare side by side. Make one with the Doughnut Chart Maker.
PNG, JPG or SVG?
- PNG — sharp, with clean edges; best for slides, documents and the web.
- JPG — smaller files for email and social media.
- SVG — a vector image that stays perfectly sharp at any size: ideal for print, design tools and websites.
Using your chart
- PowerPoint and Google Slides: insert the PNG or SVG as a picture.
- Word and Google Docs: insert the PNG.
- Reports and print: use the SVG for crisp lines at any size.
A quick example: a monthly budget
Enter Rent:1200, Food:450, Transport:200, Fun:150, Savings:300, choose Percentage as the slice text and put the legend on the right. The chart shows at a glance that rent is about half the budget — exactly the kind of "share of the whole" story pies tell best.
Privacy
The chart is drawn in your browser — your numbers aren't uploaded or stored.
Frequently asked questions
Do my values need to add up to 100?
No. Enter the raw numbers (amounts, counts, votes); the percentages are worked out for you.
Can I paste data from Excel?
For a table with several columns, the Chart Maker imports CSV and Excel files and can draw pie charts too. For a quick pie, typing Label:Value pairs is fastest.
What about negative numbers?
A pie can't show negative values — they have no meaningful slice. Use a bar chart instead.

