Mermaid Gantt-Diagramm-Spickzettel

Aufgaben, Abschnitte und Daten, entlang einer Zeitachse gelegt.

Jedes Bild auf dieser Seite wurde gezeichnet von

Mernyx, dem nativen Mermaid-Editor für macOS. Nicht von einem Browser mit Mermaid.js — demselben Renderer, den die App für ihre Leinwand nutzt.

Abschnitte und Aufgaben

Eine Aufgabe ist ein Titel, ein Doppelpunkt, dann ein Start und eine Dauer. dateFormat sagt, wie die Daten zu lesen sind.

gantt
  dateFormat YYYY-MM-DD
  title Release plan
  section Build
  Compile :a1, 2026-01-06, 3d
  Test    :a2, after a1, 5d

Ein Gantt-Diagramm mit einem Abschnitt namens „Build“ und zwei Balken darin, einer nach dem anderen.

Status-Tags

done, active und crit sind Tags, und sie müssen in der Liste zuerst kommen.

gantt
  dateFormat YYYY-MM-DD
  section Build
  Compile :done, a1, 2026-01-06, 3d
  Test    :active, a2, 2026-01-09, 3d
  Ship    :crit, a3, 2026-01-12, 2d

Drei Gantt-Balken in einem Abschnitt, der erste gefüllt, der zweite umrandet und der dritte rot hervorgehoben.

Von einer anderen Aufgabe abhängen

after a1 startet eine Aufgabe, wenn die mit dieser Id endet.

gantt
  dateFormat YYYY-MM-DD
  section Build
  Compile :a1, 2026-01-06, 3d
  Test    :a2, after a1, 5d
  Ship    :a3, after a2, 2d

Drei Gantt-Balken in einer Reihe, jeder beginnt, wo der vorherige endet.

Meilensteine

Ein Meilenstein ist eine Aufgabe der Länge null — eine Markierung auf der Achse statt eines Balkens.

gantt
  dateFormat YYYY-MM-DD
  section Release
  Work :a1, 2026-01-06, 10d
  Launch :milestone, m1, 2026-01-20, 0d

Ein Gantt-Balken für die Arbeit, mit einer Raute an seinem rechten Ende für den Start.

Mermaid Gantt-Diagramm-Spickzettel

Abschnitte und Aufgaben

Status-Tags

Von einer anderen Aufgabe abhängen

Meilensteine

In Mernyx zeichnen