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

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

## 軸

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

```mermaid
radar-beta
  axis Speed, Quality, Cost
```

![Speed、Quality、Cost とラベルされた 3 本のスポークを持つレーダー図。](/diagrams/radar/axes.svg)

## 曲線 1 本

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

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

![Speed と Quality の 2 本のスポークに、Alpha とラベルされた曲線を 1 本引いたレーダー図。](/diagrams/radar/curves.svg)

## 2 つのものを比べる

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

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

![3 本のスポークに Alpha と Beta とラベルされた 2 本の曲線を引いたレーダー図。](/diagrams/radar/multiple.svg)

## タイトルを足す

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

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

![Product comparison というタイトルのレーダー図。2 本のスポークに Alpha とラベルされた曲線が 1 本あります。](/diagrams/radar/title.svg)

## Mernyx で描いてみる

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