Mermaid レーダー図のチートシート

1 つの指標に 1 本の軸、比較する 1 つごとに 1 本の曲線。

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

軸

1 つの指標に 1 本の軸を、カンマ区切りで。

radar-beta
  axis Speed, Quality, Cost

曲線は名前と、軸ごとの値。軸を宣言した順に並べます。

radar-beta
  axis Speed, Quality
  curve Alpha {3,4}

2 本目の曲線は 2 本目の線です。グラフが比べているのはその曲線です。

radar-beta
  axis Speed, Quality, Cost
  curve Alpha {3,4,2}
  curve Beta {4,2,3}

タイトルは軸より上の 1 行に書きます。

radar-beta
  title Product comparison
  axis Speed, Quality
  curve Alpha {3,4}

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