Organisieren Sie Meilensteine, historische Ereignisse und Produkt-Roadmaps mit interaktiven Blöcken und SVG-Vorschau.
Bereit.
Zum Sortieren ziehen oder Alt+Auf/Ab drücken
Fügen Sie hier gültige Mermaid-Zeitleistensyntax ein. Visuelle Änderungen vereinheitlichen Abstände und entfernen Kommentare; kopieren Sie kommentierten Code vorher.
Gültiger Code kann direkt bearbeitet und in den visuellen Builder übernommen werden.
Live-Vorschau
Projektzeitleiste
Die Vorschau ist bereit.
Das Diagramm lädt, sobald dieser Bereich sichtbar wird oder Sie mit der Bearbeitung beginnen.
Syntax-Muster
Zeitstrahlen ordnen die Chronologie vom Diagrammkopf bis zu Zeiträumen und Ereignissen. Nutzen Sie diese Referenz beim manuellen Schreiben, bei der Fehlersuche oder für Mermaid-Diagramme in Markdown-Dokumenten.
Beispiel zum Kopieren und Einfügen
Rücken Sie Zeilen unter einem Zeitraum mit Leerzeichen und einem Doppelpunkt ein.
timeline
title Incident Review
Detection : Elevated error rate
: On-call engineer paged
Recovery : Faulty release rolled back
: Service health confirmedBeispiel zum Kopieren und Einfügen
Teilen Sie lange Zeitstrahlen mit dem Schlüsselwort section visuell auf.
timeline
title Museum Exhibition
section Preparation
Research : Select artifacts : Secure loans
Conservation : Restore pieces : Photograph catalog
section Public Program
Opening week : Press preview : Member night
Closing week : Final tours : Return loansBeispiel zum Kopieren und Einfügen
Verwenden Sie LR für einen horizontalen und TD für einen vertikalen Verlauf.
timeline LR
title Migration Plan
Audit : Inventory workloads
Pilot : Move an internal service
Cutover : Move production trafficBeispiel zum Kopieren und Einfügen
Nutzen Sie HTML-Entitäten wie #58;, wenn ein Doppelpunkt zur Zeitbezeichnung gehört.
timeline
title Operations Log
Sprint #35;4 #58; 10#58;00 UTC : Deploy at 10:00 : Verify issue #123Ohne das Diagramm-Schlüsselwort meldet Mermaid einen Fehler. Beginnen Sie die erste Zeile, die kein Kommentar ist, mit timeline, timeline LR oder timeline TD.
Ein unmaskierter Doppelpunkt in einer Zeitraumbezeichnung kann einen Parserfehler auslösen. Maskieren Sie ihn als #58;.
Fehlerbeispiel
Öffnen Sie dieses Beispiel, prüfen Sie den dauerhaften Fehler und ergänzen Sie dann das Schlüsselwort.
title Release Plan
2026 : Public launchFehlerbeispiel
Ersetzen Sie 10:00 in der Zeitraumbezeichnung durch 10#58;00.
timeline
10:00 UTC : Public launchBeispiel zum Kopieren und Einfügen
Organisieren Sie Meilensteine, historische Ereignisse und Produkt-Roadmaps mit interaktiven Blöcken und SVG-Vorschau.
Beispiel zum Kopieren und Einfügen
Ideal für kurze chronologische Abläufe ohne Titel oder Abschnitte.
timeline
Vormittag : Teambesprechung
Nachmittag : Entscheidung protokolliertBeispiel zum Kopieren und Einfügen
Mehrere Meilensteine unter demselben Monat mit Doppelpunkten trennen.
timeline
title Community-Konferenz
April : Call for Speakers : Veranstaltungsort bestaetigt
Juni : Zeitplan veroeffentlicht : Anmeldung geoeffnet
September : Konferenztag : Aufzeichnungen veroeffentlichtBeispiel zum Kopieren und Einfügen
Kommentare bleiben im Code erhalten.
timeline
title Vorfallanalyse
Erkennung : Erhoehte Fehlerrate
: Rufbereitschaft alarmiert
Behebung : Fehlerhafte Version zurueckgerollt
: Systemgesundheit bestaetigtBeispiel zum Kopieren und Einfügen
Abschnitte nutzen, um Vorbereitung von öffentlichen Meilensteinen zu trennen.
timeline
title Galerie-Ausstellung
section Kuratieren
Jan : Kunstwerke auswaehlen : Vertraege schliessen
section Aufbau
Feb : Vitrinen bauen : Beleuchtung kalibrieren
section Oeffentlich
Mae : VIP-Eroeffnung : Einlass fuer alleBeispiel zum Kopieren und Einfügen
TD nutzen, wenn eine lange Roadmap von oben nach unten besser lesbar ist.
timeline TD
title Rechenzentrumsmigration
section Vorbereitung
Audit : Workloads inventarisieren
Pilot : Internen Dienst migrieren : Rollback pruefen
section Umstellung
Wochenende 1 : Datenbanken migrieren : Replikate pruefen
Wochenende 2 : Produktivverkehr umleiten : Altsysteme stilllegenBeispiel zum Kopieren und Einfügen
Exakte Veröffentlichungsmonate übersichtlich dokumentieren.
timeline
title Atlas CLI Versionshinweise
2025 Okt : Version 0.8.0 : Offline-Cache eingefuehrt
2026 Feb : Version 0.9.0 : Plugin-Hooks ergaenzt : Validierung optimiert
2026 Jun : Version 1.0.0 : Stabile Befehls-API : Migrationsleitfaden veroeffentlichtBeispiel zum Kopieren und Einfügen
Prüfen Sie, wie lange Beschreibungen im Diagramm umbrochen werden.
timeline
title Teleskop-Inbetriebnahme
Bereitschaftspruefung : Thermovakuum-Ergebnisse verifizieren
Startfenster : Fahrzeugintegration abschliessen
Erstes Licht : Primaere Instrumente kalibrierenEin Mermaid-Zeitstrahl visualisiert chronologische Meilensteine, Release-Phasen oder historische Ereignisse.
Ja. Schalten Sie die Richtung einfach zwischen horizontal LR und vertikal TD um.
Trennen Sie Ereignisse mit Doppelpunkten oder fügen Sie im Builder weitere Ereignisse hinzu.