Quadrant Charts
Quadrant charts divide a space into four sections based on two axes. They are perfect for priority matrices, risk assessments, and strategic analysis frameworks like the Eisenhower Matrix.
Basic Example
Section titled “Basic Example”quadrantChart title Priority Matrix x-axis Low Effort --> High Effort y-axis Low Impact --> High Impact quadrant-1 Do First quadrant-2 Schedule quadrant-3 Delegate quadrant-4 Eliminate
Quick Fix: [0.2, 0.8] Major Feature: [0.8, 0.9] Minor Tweak: [0.3, 0.2] Complex Legacy: [0.9, 0.3]What You Get
Section titled “What You Get”Mermaid Studio provides basic support for quadrant charts:
- Inspections to validate your chart structure
- Live preview to see your chart as you type
- Markdown integration for use in documentation
Quick Syntax Reference
Section titled “Quick Syntax Reference”Chart Structure
Section titled “Chart Structure”quadrantChart title Chart Title x-axis Left Label --> Right Label y-axis Bottom Label --> Top Label quadrant-1 Top Right Name quadrant-2 Top Left Name quadrant-3 Bottom Left Name quadrant-4 Bottom Right NamePlotting Points
Section titled “Plotting Points”Points are defined with a name and coordinates:
Point Name: [x, y]Coordinates range from 0 to 1:
[0, 0]is bottom-left[1, 1]is top-right[0.5, 0.5]is center
Common Use Cases
Section titled “Common Use Cases”- Priority Matrix: Effort vs Impact
- Risk Assessment: Likelihood vs Severity
- Feature Planning: Value vs Complexity
- Skill Mapping: Competence vs Interest
For full syntax details, see the Mermaid quadrant chart documentation.