Pie Chart Maker

Chart Settings

The names for each slice of the pie.

The numerical values for each slice.

How to Use This Pie Chart Maker

Pasting survey results into a slide deck is faster when you type labels and values once and see slices update instantly. A spreadsheet works but feels like overkill for a three-option poll or a simple budget breakdown. In my experience building classroom handouts, comma-separated input plus one Draw button beats learning chart wizard menus for a single homework chart.

Enter a chart title, comma-separated labels (e.g., Apple, Banana, Orange), and matching numbers on the values line. Click Draw Chart to render on the canvas. Labels and values must pair one-to-one—three names need three numbers. Fix any error message under the canvas before screenshotting for your report.

  • Chart Title appears above the pie (default "My Pie Chart").
  • Data Labels name each slice—comma-separated, same order as values.
  • Data Values are positive numbers for each slice. Non-numeric tokens trigger an error.
  • Draw Chart validates counts and renders with Chart.js locally in your browser. Edit and redraw anytime.

Each slice is a share of the whole—like cutting a pizza where every wedge's angle matches its topping budget. Pies stay readable with roughly 5–7 categories; split tiny shares into an "Other" label for clarity. Data never leaves your device during rendering.

For comparing separate categories by height instead of share-of-whole, use our Bar Graph Maker on the same site.

Pie Chart Maker Formulas and Practical Applications

Slice angle is proportional to each value's share of the total sum.

Slice Angle (degrees) = (Value ÷ Sum of Values) × 360

Example: values 50, 30, 20 sum to 100. The first slice is (50 ÷ 100) × 360 = 180°—half the circle.

Good fits for pie charts include market share among a few competitors, department budget splits that add to one total, and single-answer survey percentages with clear labels. Avoid pies with too many thin slices—bar charts handle many categories better when you compare absolute sizes rather than parts of one whole.

Survey homework often asks for a title, labeled slices, and a screenshot—this workflow covers all three without account signup. When percentages are given in a table, enter the raw counts or the percentages themselves; only the ratio matters for angles, not whether the typed numbers sum to exactly 100. Keep slice labels short so the Chart.js legend fits beside the pie on narrow screens.

Redraw after editing labels or values; the canvas replaces the previous chart in place. Legend and color assignment come from Chart.js defaults—focus on clear label names so the legend reads well in screenshots pasted into slides or homework documents. For comparing separate categories by height instead of share-of-whole, use our Bar Graph Maker on the same site.

Budget pie charts work well with three or four department labels and dollar amounts—the tool converts amounts to angles automatically. Avoid dozen-slice pies for board presentations; executives read labeled wedges faster when each slice is large enough to read at a glance.

Frequently Asked Questions

Why do I see an error when I click Draw Chart?

Label count must match value count, and every value must be a valid number. Check commas and remove blank entries between separators.

Can I download the chart as an image?

Use your browser's screenshot or right-click save on the canvas after drawing—the chart renders locally on the page with no server export step.

How many slices can I add?

There is no hard cap in the tool, but pies stay readable with roughly 5–7 categories. Split tiny shares into an "Other" label for clarity.

Do values need to add up to 100?

No. The tool uses each value's proportion of the total sum—50, 30, and 20 produce the same slice angles as 50%, 30%, and 20% because the ratio is identical.