Quadrantendiagramm
Priorisieren Sie mit einer 2×2-Matrix
Was ist ein Quadrantendiagramm?
Ein Quadrantendiagramm positioniert Elemente auf zwei Achsen — Aufwand vs. Wirkung, Dringlichkeit vs. Wichtigkeit, Risiko vs. Ertrag. Es ist das klassische Priorisierungswerkzeug für Produkt, Strategie und Retrospektiven.
Quadrantendiagramme sind Entscheidungsartefakte: die letzte Folie eines Priorisierungsworkshops, das Bild in einem Strategiepapier, die Retrospektive, in der ein Team sortiert, was bleibt. Gut sind sie darin, eine Position zu erzwingen — nichts kann „irgendwo in der Mitte“ liegen, ohne dass das sichtbar wird. Was sie verbergen, ist die Begründung: Zwei Leute setzen dasselbe Element in verschiedene Quadranten, und das Diagramm hält das Ergebnis fest, nie die Diskussion. Die Achsen tragen keine Zahlen, nur ihre beiden Endbeschriftungen.
Live-Beispiel
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]Wann einsetzen
Häufige Fehler
Koordinaten außerhalb von 0 bis 1
A: [3, 8] ist ein lexikalischer Fehler und kein abgeschnittener Punkt: Beide Werte müssen zwischen 0 und 1 liegen. Bewerten Sie Elemente auf einer Skala bis zehn? Teilen Sie vor dem Schreiben durch zehn.
Quadrantennummern folgen nicht der Lesereihenfolge
quadrant-1 ist oben rechts, danach geht es gegen den Uhrzeigersinn weiter: quadrant-2 oben links, quadrant-3 unten links, quadrant-4 unten rechts. Beschriften Sie sie von den Ecken des Bildes her, nicht in Lesereihenfolge.
Eine Achse ohne ihren Pfeil
x-axis Effort ist gültig und rendert eine einzige Beschriftung am linken Ende — kein Fehler, nur ein Diagramm, das niemand deuten kann. Schreiben Sie x-axis Low effort --> High effort, damit beide Extreme benannt sind.
Grundlegende Syntax
quadrantChart
x-axis Low --> High
y-axis Low --> High
Item A: [0.3, 0.8]quadrantChart title Feature prioritizationDas Diagramm ist immer eine 2×2-Teilung am Mittelpunkt beider Achsen. Der Titel sagt dem Leser, welche Entscheidung dieses konkrete Bild festhält.
x-axis Low effort --> High effort y-axis Low impact --> High impactJede Achse bekommt eine Startbeschriftung und nach dem Pfeil eine Endbeschriftung. Geben Sie beide an: Mit nur einer Beschriftung muss der Leser raten, in welche Richtung die Skala läuft.
Public sharing: [0.3, 0.85] radius: 12, color: #4f46e5Ein Punkt kann nach den Koordinaten eigenen Radius, eigene Füllung und eigene Linienfarbe tragen — genug, um ein Element hervorzuheben, ohne eine Legende zu ergänzen.
classDef hot color: #ff0000, radius: 10 Realtime collab:::hot: [0.85, 0.75]classDef benennt einen Punktstil einmal, ::: wendet ihn an. So markieren Sie eine ganze Gruppe — zugesagte Vorhaben, Wettbewerber, Risiken — durchgängig gleich.
Fragen zu diesem Diagramm
Wie positioniere ich Elemente präzise?
Jedes Element erhält [x, y]-Koordinaten zwischen 0 und 1, sodass „Feature A: [0.2, 0.9]“ im Quadranten mit geringem Aufwand und hoher Wirkung landet.
Kann ich die Quadranten umbenennen?
Ja — quadrant-1 bis quadrant-4 akzeptieren eigene Beschriftungen wie „Zuerst erledigen“ oder „Quick Wins“, und beide Achsen erhalten Start- und Endbeschriftungen.
Kann ich ein Quadrantendiagramm in Google Slides oder PowerPoint einfügen?
Exportieren Sie PNG in 2× oder 4× und fügen Sie es ein, oder SVG, wenn das Tool Vektoren akzeptiert — die Achsenbeschriftungen bleiben dann in jeder Zoomstufe scharf. Exportieren Sie nach jeder Neupriorisierung neu, statt die Punkte von Hand zu verschieben.
Kann ich den Achsenschnittpunkt aus der Mitte verschieben?
Nein. Die Teilung liegt immer am Mittelpunkt beider Achsen, „hohe Wirkung“ beginnt also bei 0,5, wie Ihre Daten auch aussehen. Skalieren Sie Ihre eigenen Werte um, wenn die interessante Schwelle woanders liegt. Eine verschobene Trennlinie kennt Mermaid nicht.
Wie viele Elemente passen hinein, bevor die Beschriftungen überlappen?
Mermaid verschiebt Beschriftungen nicht, um Kollisionen zu vermeiden; rund fünfzehn Punkte sind die praktische Obergrenze, weniger, wenn sich mehrere eine Ecke teilen. Ziehen Sie die Koordinaten leicht auseinander, teilen Sie das Diagramm nach Thema oder erhöhen Sie chartWidth, um Platz zu gewinnen, ohne einen Punkt zu verschieben.
Wie mache ich das Diagramm größer?
Setzen Sie die Größe in einen quadrantChart-Block innerhalb der init-Direktive in der ersten Zeile: %%{init: {"quadrantChart": {"chartWidth": 600, "chartHeight": 600}}}%%. Der Standard ist 500 mal 500. Außerhalb dieses Blocks werden die beiden Schlüssel ignoriert — deshalb laufen lange Elementnamen weiterhin über.
Quadrantendiagramm oder ein anderer Diagrammtyp?
Quadrantendiagramm oder Kreisdiagramm?
Ein Quadrantendiagramm hält nur fest, wo jedes Element auf zwei Skalen liegt: Ohne eigenen radius ist jeder Punkt gleich groß, ein zehnmal so großes Element sieht also aus wie jedes andere. Ist die Größe der Elemente die Botschaft, zeichnen Sie ein Kreisdiagramm.
Quadrantendiagramm oder User Journey?
Beide bewerten etwas, aber nicht dasselbe. Eine User Journey bewertet die Schritte eines Pfades der Reihe nach mit je einer Zahl; ein Quadrantendiagramm bewertet unabhängige Elemente auf zwei Skalen und kennt überhaupt keine Reihenfolge. Würde das Umsortieren Ihrer Elemente deren Bedeutung ändern, brauchen Sie die Journey.
Erstellen Sie jetzt Ihr Quadrantendiagramm
Beschreiben Sie es in natürlicher Sprache — die KI schreibt den Mermaid-Code für Sie.
Mermaid Studio öffnen