mermaid-beispiel.md

📘 One-File Markdown Demo (Mermaid Everything)

Dieses Dokument ist eine einzige Markdown-Datei mit allen Mermaid-Beispielen: Flowcharts, Graphen, Sequences, Timelines, States und Charts.

👉 Funktioniert direkt in GitHub Repos und GitHub Gists (ohne Setup).

---

1️⃣ Flowchart

flowchart LR
    A[Idee 💡] --> B{Bewerten}
    B -- schlecht --> C[Verwerfen ❌]
    B -- gut --> D[Ausarbeiten ✍️]
    D --> E[Teilen 🔗]

Loading

---

2️⃣ Klassischer Graph

graph TD
    User --> Browser
    Browser --> GitHub
    GitHub --> Renderer
    Renderer --> Browser

Loading

---

3️⃣ Sequence Diagram

sequenceDiagram
    participant U as User
    participant B as Browser
    participant GH as GitHub

    U->>B: Öffnet Markdown
    B->>GH: HTTP Request
    GH-->>B: Gerendertes HTML
    B-->>U: Anzeige

Loading

---

4️⃣ Timeline

timeline
    title Lebenszyklus einer Idee
    Idee : Geistesblitz 💡
    Skizze : Diagramm
    Umsetzung : Snippet
    Teilen : Link
    Vergessen : 😅

Loading

---

5️⃣ State Diagram

stateDiagram-v2
    [*] --> Idee
    Idee --> Verwerfen
    Idee --> Planen
    Planen --> Umsetzen
    Umsetzen --> Teilen
    Teilen --> [*]

Loading

---

6️⃣ Pie Chart

pie title Zeitaufwand
    "Idee" : 15
    "Denken" : 25
    "Diagramme" : 20
    "Bauen" : 30
    "Teilen" : 10

Loading

---

7️⃣ Entscheidungsbaum

flowchart TD
    Q{Lohnt sich das?}
    Q -->|Nein| N[Ignorieren]
    Q -->|Ja| W[Weiterdenken]
    W --> B[Bauen]
    B --> S[Sharen]

Loading

---

8️⃣ Architektur Mini-Map

graph LR
    Markdown --> Mermaid
    Mermaid --> GitHub
    GitHub --> Browser

Loading

---

✅ Ende

Dieses Dokument ist monolithisch:

• ✔ eine Datei
• ✔ keine Abhängigkeiten
• ✔ versionierbar
• ✔ teilbar

Ein File. Viele Diagramme. Keine Ausreden.