Go back to HackMD Tutorial Home

Give us feedback or report a bug

Pie chart

1. Copy the syntax below and paste it in your note.
2. Using the syntax with three backticks (`) before "mermaid" and after the text, then the graph shows up.
3. Write down the title.
4. Write down the percentage for each item.

mermaid
pie

title What type of alcohol do you drink most often?

"Beer" : 52.8
"Wine" : 24.8
"Whiskey" : 8.6
"Vodka" :  4.0
"Cock tail": 8.9

Notes

• The sum of the numbers in a pie chart must be 100.
• You may change the font size on the right
  • Add %%{init: { "themeVariables": {"pieLegendTextSize": "10px"}} }%%
  • 10px represent the font size.

Let's see how the syntax works in both mode

Followed by the presentation of the syntax

More syntax for mathematical expressions and charts can be explored here.