Zum Hauptinhalt springen

Mermaid 11.15.0

Mermaid Zeitstrahl: Spickzettel

Ein Zeitstrahl gruppiert Ereignisse unter geordneten Abschnittsnamen. Nutze Gantt für Termine, Dauern und Abhängigkeiten: Die Namen bilden keinen maßstäblichen Kalender.

Mit dem Mermaid-Zeitstrahl-Generator erstellen →

Schnellstart

Trenne Abschnitt und Ereignis mit einem Doppelpunkt; weitere Doppelpunkte ergänzen Ereignisse.

Mermaid
Im Editor öffnen → 
timeline
  title Dokumentationsablauf
  Entwurf : Gliederung abgestimmt
  Prüfung : Kommentare gesammelt : Änderungen genehmigt
  Veröffentlichung : Anleitung veröffentlicht

Wird geladen…

Syntaxreferenz

Syntaxreferenz
SyntaxBedeutung
timeline / title TextDeklariert den Zeitstrahl und optionalen Titel.
section TextGruppiert die folgenden Zeitabschnitte.
Period : Event : Another eventErgänzt mehrere durch Doppelpunkte getrennte Ereignisse.
: Another eventSetzt den vorherigen Abschnitt mit einem Ereignis fort.
<br>Fügt einen Umbruch in eine Beschriftung ein.
config.timeline.disableMulticolorDeaktiviert wechselnde Farben bei Abschnitten ohne Gruppen.
theme: base / themeVariables.cScale0…cScale11Passt Füllungen mit cScale und Texte mit cScaleLabel unter theme base an.
%% / accTitle: / accDescr:Kommentare und zugängliche Beschreibungen.

Abschnitte und Ereignisse

Abschnitte müssen keine Daten sein. Zusätzliche Doppelpunkte gehören zum gleichen Abschnitt; die Quelltextreihenfolge bestimmt die Abfolge.

Mermaid
Im Editor öffnen → 
timeline
  title Prüfnotation
  Durchlauf 1 : Struktur geprüft
         : Referenzen geprüft
  Durchlauf 2 : Formulierungen geprüft : Links geprüft

Wird geladen…

Gruppen und Umbrüche

section gilt bis zur nächsten Gruppe. Halte Texte kurz und nutze <br> für geplante Umbrüche.

Mermaid
Im Editor öffnen → 
timeline
  title Redaktionsphasen
  section Vorbereitung
    Gliederung<br>prüfen : Umfang festgelegt
  section Auslieferung
    Abschluss<br>prüfung : Korrekturen übernommen
    Publikation : Leser informiert

Wird geladen…

Einfarbige Abschnitte

disableMulticolor verhindert wechselnde Farben ohne Gruppen. Es ergänzt weder Zeitskala noch Beziehungen.

Mermaid
Im Editor öffnen → 
---
config:
  timeline:
    disableMulticolor: true
---
timeline
  title Freigabeschritte
  Entwurf : Eingereicht
  Prüfung : Angenommen
  Veröffentlichung : Archiviert

Wird geladen…

Gruppenfarben

Nutze theme base mit cScale0…cScale11 und cScaleLabel0…cScaleLabel11. Achte auf Kontrast; nach dem Palettenende wiederholen sich Farben.

Mermaid
Im Editor öffnen → 
---
config:
  theme: base
  themeVariables:
    cScale0: "#d3e5ff"
    cScaleLabel0: "#171717"
    cScale1: "#f5f5f5"
    cScaleLabel1: "#171717"
---
timeline
  title Zweistufige Prüfung
  section Redaktion
    Gliederung : Bereit
  section Veröffentlichen
    Anleitung : Verfügbar

Wird geladen…

Häufige Fehler

Ein Ereignis leer lassen

Nach jedem Doppelpunkt muss Ereignistext folgen. Ein Abschnitt ohne Doppelpunkt ist gültig, enthält aber keine Ereignisse.

Ungültige Syntax: Korrektur weiter unten

timeline
  :

Maßstäbliche Abstände erwarten

Jahr und Monat sind nur Texte; nutze Gantt für proportionale Zeitintervalle.

Einschränkungen

  • Abschnitte sind geordnete Kategorien ohne maßstäbliche Zeitabstände.
  • Keine Dauern, Abhängigkeiten oder Ereigniskoordinaten.
  • Viele lange Beschriftungen erschweren die Lesbarkeit.

Häufig gestellte Fragen

Kann ein Abschnitt mehrere Ereignisse haben?
Ja: ergänze Doppelpunkte oder eine Fortsetzungszeile, die mit einem Doppelpunkt beginnt.
Wie ändere ich Farben?
Setze theme base und cScale- sowie cScaleLabel-Variablen im Frontmatter.
Wann ist Gantt sinnvoller?
Gantt eignet sich für reale Intervalle, Dauern und Abhängigkeiten; timeline für kurze Erzählfolgen.