Mermaid Quadrant Chart

mermaidCopy

quadrantChart
    title Feature prioritisation
    x-axis Low effort --> High effort
    y-axis Low impact --> High impact
    quadrant-1 Plan carefully
    quadrant-2 Do first
    quadrant-3 Maybe later
    quadrant-4 Avoid
    Dark mode: [0.2, 0.55]
    AI generator: [0.7, 0.9]
    SSO: [0.8, 0.6]
    Keyboard shortcuts: [0.15, 0.7]
    Custom fonts: [0.6, 0.2]

Open in the live editor

Quadrant charts place items on two axes split into four quadrants — the classic 2×2 matrix. They're used for effort/impact prioritisation, competitor positioning, risk matrices and the Eisenhower urgent/important grid.

In Mermaid you name the axes and quadrants, then list points with x and y values between 0 and 1.

When to use a quadrant chart

• Effort vs impact prioritisation
• Competitive landscape maps
• Risk likelihood vs severity
• Eisenhower matrices

Quadrant Chart syntax reference

Quadrant Chart examples

mermaidCopy

quadrantChart
    title Eisenhower matrix
    x-axis Not urgent --> Urgent
    y-axis Not important --> Important
    quadrant-1 Do now
    quadrant-2 Schedule
    quadrant-3 Drop
    quadrant-4 Delegate
    Tax return: [0.85, 0.9]
    Exercise: [0.2, 0.8]
    Most emails: [0.75, 0.25]
    Social media: [0.1, 0.1]

Open in the live editor

Tips and best practices

• Remember the quadrant numbering starts top-right and goes counter-clockwise.
• Keep point labels short; long labels overlap.
• Values must be between 0 and 1 — normalise your data first.

Generate a quadrant chart with AI

Not sure where to start? Describe what you need and the AI quadrant chart generator writes the Mermaid code for you. Try prompts like:

• “Competitor analysis of note-taking apps by price and features”
• “Risk matrix for a software launch”
• “Marketing channels by cost and reach”

Quadrant Chart templates