Gantt-Diagramm
Planen Sie Projekte auf einer klaren Zeitachse
Was ist ein Gantt-Diagramm?
Ein Gantt-Diagramm ordnet Aufgaben mit Dauern, Abhängigkeiten und Meilensteinen auf einem Kalender an. Es ist der Projektmanagement-Standard, um zu zeigen, wer was wann macht — und was wovon abhängt.
Gantt-Diagramme tauchen in Lenkungsausschüssen und Release-Plänen auf, wo das Publikum Termine sehen will und keine Logik. Als Text geschrieben, gewinnen sie einen ungewöhnlichen Vorteil: Der Plan wird im selben Pull Request geprüft wie die Arbeit, die er beschreibt. Ihre Schwäche ist, dass sie schlecht altern — ein Gantt ist eine Momentaufnahme der Absicht, und nichts in Mermaid sagt Ihnen, dass es seit drei Wochen nicht mehr zur Realität passt.
Live-Beispiel
gantt
title Product Launch
dateFormat YYYY-MM-DD
section Design
Wireframes :a1, 2026-01-05, 10d
UI design :a2, after a1, 14d
section Build
Backend API :b1, 2026-01-12, 21d
Frontend :b2, after a2, 18d
section Launch
Beta testing :c1, after b2, 10d
Go live :milestone, after c1, 0dWann einsetzen
Häufige Fehler
dateFormat passt nicht zu den Daten
Mit dateFormat YYYY-MM-DD wird eine am 05/01/2026 startende Aufgabe nicht abgewiesen — sie wird zu irgendeinem anderen Datum geparst, und das Diagramm streckt sich still über Monate. Bringen Sie beides in Einklang oder deklarieren Sie dateFormat DD/MM/YYYY.
Ein Doppelpunkt im Aufgabennamen
Alles vor dem ersten Doppelpunkt ist die Beschriftung: Phase 1: discovery :a1, 2026-01-05, 7d ergibt eine Aufgabe namens „Phase 1“ und verwirft den Rest des Namens stillschweigend. Nutzen Sie in Aufgabennamen einen Bindestrich.
Eine ID zweimal vergeben
IDs müssen eindeutig sein. Teilen sich zwei Aufgaben eine, löst after die zuletzt deklarierte auf, und eine abhängige Aufgabe springt ohne jede Fehlermeldung Wochen nach vorn. Präfixen Sie IDs nach Sektion — d1, b1, l1.
Grundlegende Syntax
gantt
dateFormat YYYY-MM-DD
section Phase 1
Task A :a1, 2026-01-01, 7d
Task B :after a1, 5ddateFormat YYYY-MM-DD axisFormat %d/%mdateFormat sagt Mermaid, wie Ihre eingetippten Daten zu lesen sind; axisFormat steuert, wie sie an der Achse ausgegeben werden. Beide sind unabhängig voneinander und unterscheiden sich oft.
Backend API :active, b1, 2026-01-12, 21dEine Aufgabenzeile besteht aus Beschriftung, Tags, ID, Start und Dauer. Als Tags dienen done, active, crit und milestone; der Start ist ein Datum oder after b1.
excludes weekends todayMarker stroke-width:4px,stroke:#e11excludes nimmt Wochenenden oder benannte Tage aus dem Arbeitskalender heraus. todayMarker gestaltet die Linie des aktuellen Datums um, todayMarker off blendet sie ganz aus.
section Launch Go live :milestone, m1, after c1, 0dSektionen gruppieren Aufgaben zu Arbeitssträngen mit jeweils eigenem Farbband. Ein Meilenstein mit der Dauer null wird als Raute statt als Balken gezeichnet.
Fragen zu diesem Diagramm
Können Aufgaben voneinander abhängen?
Ja — verwenden Sie „after taskId“, um Aufgaben zu verketten, und Meilensteine, um wichtige Termine zu markieren. Sektionen gruppieren Aufgaben nach Arbeitsbereich oder Team.
Ist ein textbasiertes Gantt besser als ein Projekttool?
Für die Kommunikation ja: Es lebt in Ihrer Dokumentation, wird mit git versioniert und ist in Sekunden aktualisiert. Für das Ressourcenmanagement kombinieren Sie es mit Ihrem PM-Tool.
Wie teile ich ein Gantt-Diagramm mit Menschen, die Mermaid nicht nutzen?
Exportieren Sie PNG für Folien und E-Mails, SVG für alles, was gezoomt wird, oder veröffentlichen Sie das Diagramm als öffentliche Seite und verschicken Sie den Link — der Link zeigt auch nach einer Planänderung weiterhin die aktuelle Fassung.
Kann ein Mermaid-Gantt Verantwortliche oder den Fortschritt in Prozent zeigen?
Nein. Es gibt weder eine Ressourcenspalte noch einen Fortschrittsbalken; die einzige Statusinformation sind die Tags done, active und crit an einer Aufgabe. Halten Sie die Kapazitätsplanung in Ihrem Projekttool und nutzen Sie das Diagramm zur Kommunikation.
Zeichnet Mermaid Pfeile zwischen abhängigen Aufgaben?
Nein. after b1 setzt das Startdatum einer Aufgabe, zeichnet aber keinen Abhängigkeitspfeil — die Verknüpfung bleibt für den Leser unsichtbar. Schreiben Sie sie in den Aufgabennamen oder nehmen Sie ein Flowchart, wenn der Abhängigkeitsgraph die Botschaft ist.
Wie markiere ich das heutige Datum im Diagramm?
Mermaid zeichnet standardmäßig eine Markierung am aktuellen Datum, gelesen von der Uhr desjenigen, der das Diagramm rendert. todayMarker stroke-width:4px,stroke:#e11 gestaltet sie um, todayMarker off entfernt sie — nützlich, wenn das Diagramm eine wiederverwendbare Vorlage ist und kein laufender Plan.
Gantt-Diagramm oder ein anderer Diagrammtyp?
Gantt-Diagramm oder Zeitleiste?
Ein Gantt ist für Arbeit, die noch bevorsteht: Dauern, Abhängigkeiten, ein kritischer Pfad. Eine Zeitleiste ist für Ereignisse mit Datum, aber ohne Dauer — Releases, Vorfälle, Unternehmensgeschichte. Hat nichts in Ihrer Liste eine Länge, brauchen Sie eine Zeitleiste und kein Gantt.
Gantt-Diagramm oder Flowchart?
Beide beschreiben einen Plan. Das Flowchart behält die Verzweigungen — was passiert, wenn das Audit scheitert — und ignoriert den Kalender; das Gantt behält den Kalender und flacht jede Verzweigung zu einem Normalpfad ab. Lenkungsausschüsse wollen das Gantt, Umsetzungsteams brauchen oft beides.
Erstellen Sie jetzt Ihr Gantt-Diagramm
Beschreiben Sie es in natürlicher Sprache — die KI schreibt den Mermaid-Code für Sie.
Mermaid Studio öffnen