← All diagram types
MERMAID DIAGRAM GUIDE

Mermaid pie chart online editor

Compare parts of a whole with a simple Mermaid pie chart. Create the diagram in Mermaid Studio, preview it instantly, and export it when it is ready to share.

Open the Pie Chart editor See an example

WHAT IT IS FOR

Make the important relationships clear

Compare parts of a whole with a compact chart that is easy to embed in documentation and project notes.

  • Show feature usage share
  • Summarize budget allocation
  • Communicate category proportions
Why use Mermaid Studio?
  • Write the source as versionable Mermaid code.
  • Preview changes immediately in the browser.
  • Export the finished diagram as SVG or PNG.
  • Start from a related template when you need a head start.

MERMAID EXAMPLE

Start with a working example

Copy the structure, replace the labels with your own domain, and continue in the full editor.

pie title Monthly Feature usage share
  "Editor" : 42
  "Templates" : 28
  "AI generation" : 20
  "Sharing" : 10

HOW TO START

Create your diagram in four steps

  1. 1Choose mutually exclusive categories.
  2. 2Use values with a consistent meaning and unit.
  3. 3Keep the number of slices small enough to read.
  4. 4Add surrounding text when the chart needs context.

WRITING TIPS

Keep the diagram useful

Keep categories mutually exclusive.

Use a small number of clearly named slices.

FAQ

Frequently asked questions

When is a pie chart useful?+

A pie chart works well when the audience needs to compare a small number of parts against one whole.

Can Mermaid pie charts include labels?+

Yes. Each slice can have a label and numeric value in the Mermaid source.

TEMPLATES

Start from a related template

Feature usage breakdown

Compare how usage is distributed across product features.

Open template

RELATED DIAGRAMS

Explore another Mermaid diagram

Mermaid flowchart

Visualize processes, decisions, and system flows with connected nodes.

Read the guide

Mermaid sequence diagram

Map requests, responses, and asynchronous events between services.

Read the guide

Mermaid class diagram

Design domain objects, properties, methods, inheritance, and relationships.

Read the guide

Mermaid ER diagram

Document database entities, fields, relationships, and cardinality.

Read the guide

Mermaid state diagram

Show how an object or workflow changes state in response to events.

Read the guide

Mermaid mindmap

Organize ideas and subtopics hierarchically around a central theme.

Read the guide

Ready to make a Pie Chart?

Open the editor with a working example and adapt it to your project.

Start in Mermaid Studio