# Mermaid Zeitleiste-Spickzettel

Zeiträume an einer Seite, Ereignisse daneben.

## Zeiträume und Ereignisse

Eine Zeile ist ein Zeitraum, ein Doppelpunkt und das, was darin passiert ist. Der Titel steht in seiner eigenen Zeile.

```mermaid
timeline
    title History of the platform
    2002 : LinkedIn
    2004 : Facebook
    2005 : YouTube
```

![Eine Zeitleiste mit dem Titel „History of the platform“ und drei Einträgen in einer Reihe: 2002 LinkedIn, 2004 Facebook, 2005 YouTube.](/diagrams/timeline/events.svg)

## Zwei Ereignisse in einem Zeitraum

Ein zweiter Doppelpunkt fügt demselben Zeitraum ein zweites Ereignis hinzu.

```mermaid
timeline
    2004 : Facebook : Google
    2005 : YouTube
```

![Eine Zeitleiste mit zwei Zeilen: 2004 mit Facebook und Google, und 2005 mit YouTube.](/diagrams/timeline/multiple.svg)

## In Abschnitte gruppieren

Ein Abschnitt gruppiert die Zeilen unter ihm. Das erste Wort ist der Zeitraum, der Rest das, was passiert ist.

```mermaid
timeline
    title Release plan
    section Build
        Compile : Builds the app
        Test : Runs the suite
    section Ship
        Launch : Publishes the release
```

![Eine Zeitleiste mit dem Titel „Release plan“, geteilt in einen Abschnitt „Build“ mit „Compile“ und „Test“ und einen Abschnitt „Ship“ mit „Launch“.](/diagrams/timeline/sections.svg)

## In Mernyx zeichnen

Öffne eine .mmd-Datei, verschiebe einen Knoten auf dem Canvas, und der Quellcode kommt mit. Nativ auf macOS, ohne Browser dazwischen.