Table of Contents

About

The piechart component is a diagram component that permits to create a Pie Chart.

Example

  • The markup
<piechart width="350">
pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15
</piechart>
  • The output:
pie title Pets adopted by volunteers "Dogs" : 386 "Cats" : 85 "Rats" : 15

Syntax

The syntax is based on the Pie Chart Mermaid Definition 

<piechart>
   ... Mermaid Pie Chart definition ...
</piechart>

Mermaid offers a live editor that you can use to validate and develop your diagrams.

This component is based on the mermaid component.