Loona Automation logoLoona Design Studio
Home › Design Tools › Doughnut Chart Maker

Doughnut Chart Maker — Free Donut Charts with Centre Total

In short: the Doughnut Chart Maker draws your first series as a ring with percentage slices, a legend — and the series total displayed in the centre hole.

A doughnut is a pie with better manners: the same exact proportions, but with room in the middle for the headline number. Dashboards and reports love it.

Private by design: everything in this tool happens 100% in your browser with JavaScript. Your data, photos and designs are never uploaded to a server, never stored and never seen by us - close the tab and everything is gone.

How to use the Doughnut Chart Maker

  1. Type your labels and numbers into the grid, or paste CSV into the box below the chart and press Apply CSV.
  2. Adjust the title, legend and per-series colours until the chart reads clearly at a glance.
  3. Press Download chart as PNG and drop the image into your document, slides or post. Use Copy my data as CSV to save your figures for later.

How it works

The ring uses the same exact slice maths as the pie (value ÷ total × 360°), with the centre left open to show the total. Percentages appear in slices of 4%+ and always in the legend. The chart is drawn by hand on an HTML canvas by Loona’s shared chart engine — no chart library and no server. Everything is computed locally, so your numbers never leave your device.

Worked example

An online teacher shows course progress — 26 of 40 lessons complete — as a doughnut with "40" lessons in the centre, and pins it to the course page.

Frequently Asked Questions

Pie or doughnut — which should I choose?

Choose the doughnut when a headline total matters or you want a cleaner, more modern look; choose the pie for the classic full-circle view.

Can I change what the centre shows?

The centre always shows the total of the first series, which is what most readers look for.

Which data does it use?

The first series, like the pie maker.

Is it free?

Yes — free, private and watermark-free.

The Loona Chart Family

Embed this tool on your website — free

Add this tool to your own website or blog — it is completely free, needs no sign-up, and always shows the latest version. Copy the code below and paste it into your page where you want the tool to appear. Keeping the small “Powered by Loona Automation” credit line under the embed helps keep this tool free — but you are free to style or remove it; the tool works either way.