Skip to main content
Z Chart Maker

Pie Chart Maker — Free CSV to Pie Chart, Browser-Based

Two-column CSV in, pie chart out. Auto-coloured slices, PNG export, pure client-side.

Free No signup Client-side Privacy friendly Updated

How to use

  1. 1 Paste two columns — label and value. Each row becomes a slice.
  2. 2 Adjust the legend toggle if your labels are long.
  3. 3 Download the chart as PNG.

Why use this tool

  • Two-column CSV — keep your data simple.
  • Auto-coloured slices from a curated 10-colour palette.
  • Chart.js loaded lazily — small initial bundle.
  • Pure client-side rendering — your data never uploads.

Frequently asked questions

Should percentages add up to 100?

They do not have to — Chart.js renders raw values as proportions of the total.

Want a hollow centre?

Use the <a class="underline" href="/doughnut-chart-maker">Doughnut Chart Maker</a> — same input shape, ring layout.

Looking for trend lines?

Try the <a class="underline" href="/line-chart-maker">Line Chart Maker</a>.

What is Pie Chart Maker?

A Pie Chart Maker is a tool that converts two-column CSV data into a pie chart in the browser. It divides a circle into proportional slices, one per row, and assigns each slice a colour automatically. The resulting chart can be exported as a PNG image, with all rendering performed client-side and no data uploaded to a server.

Features

CSV-to-slice mapping

Each data row becomes one pie slice: the first column is the label, the second is the value. Chart.js normalizes values as proportions of the total automatically, so your numbers don't need to sum to 100.

Auto-colored slices

Slices are colored in order from a fixed 10-color palette; if a CSV has more than 10 rows, colors repeat from the start of the palette.

RFC 4180 CSV parsing

A built-in parser handles quoted fields, embedded commas, and CRLF/LF line endings per RFC 4180, with automatic delimiter detection (comma, semicolon, or tab).

Client-side only, PNG export

Chart.js is lazy-loaded and rendering happens entirely in the browser tab; nothing is sent to a server. Use Download PNG to export the current canvas as a lossless PNG image.

Example

Input

Browser,Share
Chrome,63
Safari,19
Edge,5
Firefox,3
Other,10

Output

pie-chart-maker.png — 5 slices sized by value (63/19/5/3/10, not required to sum to 100), colored from the 10-color palette in row order, exported at the canvas's current rendered pixel size via toDataURL('image/png')

Common use cases

  1. 1

    Market share breakdowns

    Paste browser or platform share data (e.g. Chrome, Safari, Edge) to instantly visualize relative proportions for a report or slide.

  2. 2

    Budget and cost allocation

    Turn a spreadsheet export of expense categories and amounts into a pie chart for a budget review or stakeholder update.

  3. 3

    Survey and traffic-source composition

    Visualize how respondents or visitors split across categories (Organic, Direct, Referral, Social) without opening a spreadsheet app.

Summary

Pie Chart Maker turns two-column CSV data (label, value) into a pie chart using Chart.js 4, with each CSV row becoming one slice colored from a fixed 10-color palette. The chart renders live in the browser as you type and can be exported as a PNG via the canvas's toDataURL API. CSV parsing and rendering both happen client-side in your browser — no data is uploaded to a server.

Category
Creator
Pricing
Free
Privacy
Browser-based
Signup
Not required

References

Privacy

Your data never leaves your browser unless explicitly stated. Pie Chart Maker runs entirely client-side — no server upload, no logging, no tracking of your input.

Build, share, and grow on Zerethon Social

Free signup. Earn points, collect achievements, and connect with creators worldwide.

Sign up free