Mermaid クワドラント図のチートシート

2 本の軸、4 つの象限、そしてその上にプロットされた点。

このページのすべての図は

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

2 本の軸

x-axis と y-axis は、それぞれ低端と高端を持ち、そのあいだに矢印があります。

quadrantChart
    x-axis Low --> High
    y-axis Low --> High

1 行に 1 つの象限です。コロンはありません。行の残り全部がラベルになります。

quadrantChart
    x-axis Low --> High
    y-axis Low --> High
    quadrant-1 We do
    quadrant-2 Invest
    quadrant-3 Improve
    quadrant-4 Ignore

点は名前と、0 から 1 のあいだの数字の組です。

quadrantChart
    x-axis Low --> High
    y-axis Low --> High
    Point A: [0.3, 0.6]
    Point B: [0.75, 0.8]

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

quadrantChart
    title Reach and engagement
    x-axis Low --> High
    y-axis Low --> High
    quadrant-1 We do
    Point A: [0.3, 0.6]