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.