Wie lege ich Aufgabenabhängigkeiten in einem Mermaid Gantt-Diagramm fest?

Verwenden Sie das Schlüsselwort `after`, um auf eine vorherige Aufgaben-ID zu verweisen: `Frontend : b1, after a1, 10d`. Die Aufgabe b1 beginnt unmittelbar nach Abschluss von Aufgabe a1. Sie können mehrere Abhängigkeiten verketten. Aufgaben-IDs werden nach dem Aufgabennamen und vor dem Startdatum definiert. Wenn keine ID angegeben ist, kann die Aufgabe nicht als Abhängigkeit referenziert werden.

Wie füge ich Meilensteine zu einem Mermaid Gantt-Diagramm hinzu?

Definieren Sie eine Aufgabe mit `milestone` als Typ und `0d` als Dauer: `Release : milestone, after testing, 0d`. Meilensteine werden als rautenförmige Symbole auf der Gantt-Zeitleiste gerendert und heben wichtige Lieferpunkte oder Entscheidungspunkte visuell von regulären Aufgaben ab. Sie sind nützlich, um Versionsfreigaben, Board-Genehmigungen oder Go/No-Go-Checkpoints zu markieren.

Welche Datumsformate unterstützt Mermaid Gantt?

Das gängigste Format ist `JJJJ-MM-TT` (z. B. `2024-03-15`), das oben mit `dateFormat JJJJ-MM-TT` deklariert wird. Mermaid unterstützt auch `MM/TT/JJJJ`, `TT-MM-JJJJ` und Unix-Zeitstempel. Dauern werden als Tage (`10d`), Stunden (`8h`) oder Wochen (`2w`) ausgedrückt. Deklarieren Sie immer `dateFormat`, bevor Sie Aufgabendaten angeben.

Wie markiere ich Aufgaben als kritisch oder abgeschlossen?

Fügen Sie Status-Schlüsselwörter vor der Aufgaben-ID hinzu: `crit` markiert eine Aufgabe als kritisch (wird rot gerendert), `done` markiert sie als abgeschlossen (wird ausgefüllt gerendert) und `active` markiert sie als in Bearbeitung. Sie können sie kombinieren: `crit, done` für eine abgeschlossene kritische Aufgabe. Diese visuellen Hinweise machen Gantt-Diagramme nützlich für Statusberichte und Fortschrittsüberprüfungen.

Mermaid Gantt-Diagramm-Viewer

Mermaid Gantt-Diagramme sofort in Ihrem Browser rendern. Visualisieren Sie Projektzeitpläne und exportieren Sie als SVG oder PNG. Kostenlos, keine Installation.

Mermaid-Code

Vorschau

Geben Sie Mermaid-Code ein, um Ihr Diagramm in der Vorschau anzuzeigen

Gantt-Diagramme visualisieren Projektzeitpläne, indem sie Aufgaben auf einer Zeitachse abbilden und Startdaten, Dauern, Abhängigkeiten und Meilensteine anzeigen. Die `gantt`-Syntax von Mermaid ermöglicht es Projektmanagern und technischen Leitern, einen Zeitplan als einfachen Text zu entwerfen und ihn überall ohne dediziertes Projektmanagement-Tool zu rendern. KI-Assistenten werden zunehmend für die Projektplanung eingesetzt – Entwickler geben Claude oder ChatGPT die Aufforderung „Erstelle einen 6-wöchigen Sprintplan für den Aufbau eines Benutzerauthentifizierungssystems“ und erhalten ein strukturiertes Mermaid Gantt-Diagramm. Das Einfügen der Ausgabe in Zolkit ermöglicht es Ihnen, den Plan zu überprüfen, Terminplankonflikte zu identifizieren und ihn für eine Stakeholder-Präsentation zu exportieren, bevor Sie sich für ein Projektmanagement-Tool entscheiden. Mermaid Gantt-Diagramme unterstützen Aufgabenabschnitte, datumsbasierte Positionierung, sequentielle und parallele Aufgaben mit `after`-Abhängigkeiten, Meilensteinmarkierungen und als `done`, `active` oder `crit` (kritischer Pfad) markierte Aufgaben. Der Viewer von Zolkit rendert all diese Konstrukte originalgetreu und exportiert das Diagramm als SVG für eine exakte Wiedergabe in Präsentationen und Dokumentationen.

Kostenloser Online Mermaid Diagramm-Viewer und Exporter

Der Mermaid Diagramm-Viewer von Zolkit ermöglicht es Ihnen, beliebigen Mermaid-Code einzufügen und sofort ein gerendertes Diagramm anzuzeigen – keine Installation, keine Anmeldung, kein Hochladen auf Server. Alles läuft in Ihrem Browser, was ihn zur schnellsten Methode macht, um KI-generierte Diagramme von Claude, ChatGPT oder Gemini zu überprüfen. Unterstützt alle gängigen Mermaid-Diagrammtypen: Flussdiagramme, Sequenzdiagramme, Klassendiagramme, ER-Diagramme, Gantt-Diagramme, Zustandsdiagramme, Mindmaps, Git-Graphen, Tortendiagramme und Zeitachsen.

Sofortige Live-Vorschau

Diagramme werden automatisch während der Eingabe gerendert, mit einer Verzögerung von 300 ms, sodass es sich nie träge anfühlt.

100% privat

Das gesamte Rendering findet in Ihrem Browser mit mermaid.js statt. Ihr Code wird niemals an einen Server gesendet.

SVG & PNG Export

Laden Sie Ihr Diagramm als scharfes Vektor-SVG oder als hochauflösendes 2× PNG herunter, bereit für Dokumente und Präsentationen.

Alle Mermaid Diagrammtypen

Unterstützt Flussdiagramme, Sequenzdiagramme, Klassendiagramme, ER-Diagramme, Gantt-Diagramme, Mindmaps, Git-Graphen und mehr.

Bereit für KI-Diagramme

Gebaut für das KI-Zeitalter – Vorschau von Diagrammen, die von Claude, ChatGPT, Gemini oder jedem LLM generiert wurden.

Immer kostenlos

Kein Konto erforderlich, keine Nutzungslimits, keine Wasserzeichen. Zolkit's Mermaid-Viewer ist für immer komplett kostenlos.

So zeigen Sie ein Mermaid-Diagramm in der Vorschau an

1
Fügen Sie Ihren Mermaid-Code in den Editor auf der linken Seite ein – Sie können ihn von einem KI-Assistenten kopieren oder manuell schreiben.
2
Das Diagramm wird sofort im Vorschaufenster auf der rechten Seite gerendert. Bei einem Syntaxfehler erklärt eine Meldung das Problem.
3
Klicken Sie auf 'SVG exportieren' oder 'PNG exportieren', um Ihr Diagramm als Datei herunterzuladen, die für Dokumentationen, Präsentationen oder zum Teilen bereit ist.