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

  1. Open the Pie Chart Maker.
  2. Type the Chart Title.
  3. 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.
  4. Choose the Slice Text: percentage, value, label, both, or none.
  5. Pick the Legend Position — top, bottom, left or right.
  6. Rotate the pie (0–360°) so the most important slice sits where you want it, usually starting at the top.
  7. Set the background, title and text colours.
  8. 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.

Tools mentioned in this guide

← All guides