Kwadrantgrafiek
Prioriteer met een 2×2-matrix
Wat is een Kwadrantgrafiek?
Een kwadrantgrafiek positioneert items op twee assen — inspanning vs. impact, urgentie vs. belang, risico vs. opbrengst. Het is hét klassieke prioriteringsinstrument voor product, strategie en retrospectives.
Kwadrantgrafieken zijn beslisstukken: de laatste slide van een prioriteringsworkshop, het plaatje in een strategiememo, de retrospective waarin een team sorteert wat het wil houden. Wat ze goed doen is een positie afdwingen — niets kan “ergens in het midden” liggen zonder dat dat zichtbaar wordt. Wat ze verbergen is de redenering: twee mensen zetten hetzelfde item in verschillende kwadranten, en de grafiek legt de uitkomst vast, nooit het argument. De assen dragen geen cijfers, alleen hun twee eindlabels.
Live voorbeeld
quadrantChart
title Feature prioritization
x-axis Low effort --> High effort
y-axis Low impact --> High impact
quadrant-1 Plan carefully
quadrant-2 Do first
quadrant-3 Skip
quadrant-4 Quick wins
Public sharing: [0.3, 0.85]
Realtime collab: [0.85, 0.75]
Dark mode: [0.2, 0.4]Wanneer gebruik je het
Veelgemaakte fouten
Coördinaten buiten 0 en 1
A: [3, 8] schrijven is een lexicale fout, geen afgekapt punt: beide waarden moeten tussen 0 en 1 liggen. Scoor je items op tien? Deel dan door tien voordat je de grafiek schrijft.
Kwadrantnummers volgen niet de leesrichting
quadrant-1 is rechtsboven, daarna tegen de klok in: quadrant-2 linksboven, quadrant-3 linksonder, quadrant-4 rechtsonder. Label ze vanuit de hoeken van het plaatje, niet vanuit de volgorde waarin je ze zou lezen.
Een as zonder pijl
x-axis Effort is geldig en rendert één label aan de linkerkant — geen fout, alleen een grafiek die niemand kan duiden. Schrijf x-axis Low effort --> High effort zodat beide uitersten benoemd zijn.
Basissyntaxis
quadrantChart
x-axis Low --> High
y-axis Low --> High
Item A: [0.3, 0.8]quadrantChart title Feature prioritizationDe grafiek is altijd een 2×2-verdeling op het midden van beide assen. De titel is wat de lezer vertelt welke beslissing dit specifieke plaatje vastlegt.
x-axis Low effort --> High effort y-axis Low impact --> High impactElke as krijgt een beginlabel en, na de pijl, een eindlabel. Geef ze allebei: met één label moet de lezer raden welke kant de schaal op loopt.
Public sharing: [0.3, 0.85] radius: 12, color: #4f46e5Een punt kan na de coördinaten een eigen radius, vulling en lijnkleur dragen — genoeg om één item te laten opvallen zonder een legenda toe te voegen.
classDef hot color: #ff0000, radius: 10 Realtime collab:::hot: [0.85, 0.75]classDef benoemt een puntstijl één keer en ::: past hem toe; zo markeer je een hele groep — vastgelegde items, concurrenten, risico’s — op een consistente manier.
Vragen over dit diagram
Hoe positioneer ik items nauwkeurig?
Elk item krijgt [x, y]-coördinaten tussen 0 en 1, dus “Feature A: [0.2, 0.9]” belandt in het kwadrant lage inspanning, hoge impact.
Kan ik de kwadranten hernoemen?
Ja — quadrant-1 tot en met quadrant-4 accepteren eigen labels zoals “Eerst doen” of “Quick wins”, en beide assen krijgen begin- en eindlabels.
Kan ik een kwadrantgrafiek in Google Slides of PowerPoint plakken?
Exporteer PNG op 2× of 4× en plak die erin, of SVG als de tool vectoren accepteert, want dan blijven de aslabels bij elke zoom scherp. Exporteer na elke herprioritering opnieuw in plaats van de punten met de hand te verslepen.
Kan ik het snijpunt van de assen verplaatsen?
Nee. De verdeling ligt altijd op het midden van beide assen, dus “hoge impact” begint precies halverwege, hoe je gegevens er ook uitzien. Herschaal je eigen scores voordat je ze uitzet als de interessante drempel elders ligt.
Hoeveel items passen erin voordat de labels overlappen?
Mermaid verplaatst labels niet om botsingen te vermijden, dus zo’n vijftien punten is het praktische plafond, en minder als er meerdere in dezelfde hoek staan. Spreid de coördinaten iets uit, splits de grafiek per thema, of verhoog chartWidth om ruimte te winnen zonder een punt te verplaatsen.
Hoe maak ik de grafiek groter?
Zet de afmetingen in een quadrantChart-blok binnen de init-directive op de eerste regel: %%{init: {"quadrantChart": {"chartWidth": 600, "chartHeight": 600}}}%%. Standaard is 500 bij 500. Buiten dat blok worden de twee sleutels genegeerd, en daarom lopen lange itemnamen alsnog over.
Kwadrantgrafiek of een ander diagramtype?
Kwadrantgrafiek of cirkeldiagram?
Een kwadrantgrafiek legt alleen vast waar elk item op twee schalen staat: elke stip is even groot tenzij je een radius opgeeft, dus een item dat tien keer zoveel weegt ziet er identiek uit. Is de omvang van elk item de boodschap, teken dan een cirkeldiagram.
Kwadrantgrafiek of user journey?
Beide geven scores, maar niet aan hetzelfde. Een user journey scoort de stappen van één pad, op volgorde, met één getal per stap; een kwadrantgrafiek scoort losse items op twee schalen en kent helemaal geen volgorde. Verandert de betekenis als je je items herordent, dan heb je de journey nodig.
Maak nu je Kwadrantgrafiek
Beschrijf het in gewone taal — de AI schrijft de Mermaid-code voor je.
Mermaid Studio openen