Mermaid 円グラフのチートシート

ラベルつきの値の一覧を、切り片で描いたもの。

このページのすべての図はMernyx（macOS 向けネイティブ Mermaid エディタ）が描いたものです。ブラウザで動く Mermaid.js ではなく、App のキャンバスで使うのと同じレンダラーです。

基本的な書き方

1 行に 1 つの切り片。引用符つきのラベル、コロン、正の数です。0 や負の値だと図が失敗します。

pie
  "Dogs" : 386
  "Cats" : 85
  "Rats" : 15

タイトルは pie キーワードと同じ行に書きます。

pie title Pets adopted by volunteers
  "Dogs" : 386
  "Cats" : 85
  "Rats" : 15

showData は凡例の各ラベルのとなりに値を出します。

pie showData
  title Market share
  "Product A" : 45
  "Product B" : 26
  "Product C" : 29

.mmd ファイルを開いて、キャンバスでノードを動かしてみてください。ソースコードもついてきます。macOS ネイティブで、ブラウザは介在しません。