(Notionでも使える) mermaid で 円グラフ を描く方法

mermaid

 このブログでは、pythonでグラフを描くときに重宝する Plotlyというライブラリを多くまとめてきていて、その中でも円グラフの描き方についても紹介していきました!
 ただ、分析用途ではなく、プレゼンやちょっとした可視化・まとめ のために円グラフを使うのであればプログラムなしで書けると便利ですよね~!

Plotly Pie Chart(円グラフ) 描き方 まとめ
 plotlyでは、グラフを直感的に操作することができるので使いやすいですが、今回のテーマとなる円グラフも他の可視化ツールから乗り換えて便利になるグラフの一つです!基本的な描き方 (まずはこれだけ!)基本設定はこの2つだけ...

 2021年末に Notionにも対応した Mermaidでは 円グラフも描くことができるので、今回の記事ではこのmermaidで円グラフを描く方法についてまとめていきます!

 mermaidで描ける他の図(フローチャート)はこちらから!

Markdown で フローチャートの作り方 入門編 (Mermaid)
 先日、NotionにもMermaid(マーメイド) が対応されるようになりました!この対応によって、図がMarkdownで書くことができるようになりましたが、どうやって書いていけばよいのか?といったところについては説明できていなかったの...
スポンサーリンク

mermaid で 円グラフ を描く

実際に例を見せて説明した方が理解しやすいと思うので、「東京オリンピック2020で日本が獲得したメダル数」の円グラフを例にしながら説明していきます!

この図を描いていきます~!

file

グラフを描くステップは 主に3つです!

  1. 図の指定
    円グラフ(pie chart) の pie を1行目に入力
  2. 表の title の設定
    2行目 に title + 半角スペース + 表のタイトル を入力
  3. 円グラフの要素を記入
    3行目以降には、要素ごとに "ラベル":数字というように入力
    (例) "金":27

プログラムの全文を書いていくと次のようになります

pie
    title 東京オリンピック2020 日本獲得メダル数
    "金" : 27
    "銀" : 14
    "銅" : 17

コメント

タイトルとURLをコピーしました