Try   HackMD

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

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
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.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Let's see how the syntax works in both mode

Followed by the presentation of the syntax

53%25%9%9%4%What type of alcohol do you drink most often?BeerWineCock tailWhiskeyVodka

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
More syntax for mathematical expressions and charts can be explored here.