Markdown quadrant chart maker

Plot items across two axes on a quadrant chart. Mermaid places each point so you can compare priority, effort or risk at a glance.

Mermaid quadrant chart syntax

A quadrant chart plots points on two axes and names each of the four quarters. You label the axes, name the quadrants, then place points from 0 to 1 on each axis. Here is each piece you can write.

Axes

Label each end of the x and y axes.

You write

quadrantChart
  title Reach and engagement
  x-axis Low reach --> High reach
  y-axis Low engagement --> High engagement

You get

Quadrant labels

Name each of the four quarters, numbered from the top right anti-clockwise.

You write

quadrantChart
  x-axis Low --> High
  y-axis Low --> High
  quadrant-1 Expand
  quadrant-2 Promote
  quadrant-3 Re-think
  quadrant-4 Improve

You get

Points

Plot a point with an x and y value from 0 to 1.

You write

quadrantChart
  title Campaigns
  x-axis Low reach --> High reach
  y-axis Low engagement --> High engagement
  quadrant-1 Expand
  quadrant-2 Promote
  quadrant-3 Re-think
  quadrant-4 Improve
  Campaign A: [0.3, 0.6]
  Campaign B: [0.75, 0.8]
  Campaign C: [0.6, 0.2]

You get

Cheat sheet

Write this	You get
`quadrantChart`	Start a quadrant chart
`title Text`	Chart title
`x-axis Low --> High`	Label the ends of the x axis
`y-axis Low --> High`	Label the ends of the y axis
`quadrant-1 Text`	Name a quarter (1 to 4)
`Point: [0.3, 0.6]`	Plot a point at x, y from 0 to 1