Mermaid Diagram

Quadrant Charts

Two-axis matrix for categorizing items

Quadrant Charts

Quadrant charts plot items on two axes.

quadrantChart
    title Framework comparison
    x-axis Low Performance --> High Performance
    y-axis Easy to Learn --> Hard to Learn
    quadrant-1 Complex & Fast
    quadrant-2 Simple & Fast
    quadrant-3 Simple & Slow
    quadrant-4 Complex & Slow
    Astro: [0.8, 0.35]
    Next.js: [0.75, 0.6]
    SvelteKit: [0.85, 0.3]
    Remix: [0.78, 0.55]
    Vue/Nuxt: [0.7, 0.35]
    Angular: [0.65, 0.85]

Priority Matrix

quadrantChart
    title Task Priority Matrix
    x-axis Low Impact --> High Impact
    y-axis Low Effort --> High Effort
    quadrant-1 High Impact, High Effort
    quadrant-2 High Impact, Low Effort
    quadrant-3 Low Impact, Low Effort
    quadrant-4 Low Impact, High Effort
    "Bug fixes": [0.7, 0.3]
    "New feature": [0.85, 0.8]
    "Refactoring": [0.5, 0.7]
    "Documentation": [0.6, 0.25]
    "Performance tuning": [0.9, 0.75]
    "Logo update": [0.2, 0.15]

Back to overview.

โ† Back to overview