How do I make a pie chart online for free?

Start with pie, optionally add a title, then list each slice as "Label" : value on its own line. The chart renders instantly with percentages calculated automatically.

Do the values need to add up to 100?

No, Mermaid automatically converts your values into percentages of the total, so you can use raw counts, dollars, or any other unit.

Can I change the colors of the slices?

The default Catppuccin-based theme colors each slice automatically. For custom colors, use Mermaid's %%{init}%% theme configuration directive at the top of your code.

Pie chart maker

Visualize proportions and percentages by listing labels and values as simple text. Diagram.RS renders an interactive pie chart live using Mermaid syntax – useful for reports, presentations and dashboards.

Diagram code

Preview

Theme

Default

Try an example

How to make a pie chart online

Start with pie and an optional title, e.g. pie title Browser market share.
List each slice as "Label" : value, one per line.
Mermaid automatically calculates percentages and colors for each slice.
Export the chart as SVG or PNG for reports or presentations.

Pie chart FAQ

How do I make a pie chart online for free?: Start with pie, optionally add a title, then list each slice as "Label" : value on its own line. The chart renders instantly with percentages calculated automatically.
Do the values need to add up to 100?: No, Mermaid automatically converts your values into percentages of the total, so you can use raw counts, dollars, or any other unit.
Can I change the colors of the slices?: The default Catppuccin-based theme colors each slice automatically. For custom colors, use Mermaid's %%{init}%% theme configuration directive at the top of your code.

More diagram tools

Diagram maker home Gantt chart maker Mindmap maker Class diagram tool Mermaid live editor