--- title: Mermaid-Diagramme slug: docs/de/mermaid-diagramme description: Erfahre, wie du verschiedene Arten von Diagrammen erstellen kannst, darunter ERD-, UML-, Klassen- und Sequenzdiagramme, mithilfe der Mermaid-Integration. Dieses Dokument erklärt, wie du Mermaid über eine praktische Tastenkombination oder eine Menüoption a docTags: createdAt: 2020-10-15T08:05:12.000Z --- Eine weitere Option zum Erstellen von Diagrammen ist die Verwendung unserer [Mermaid](https://mermaid-js.github.io/mermaid/#/) Integration. Mermaid ist eine Markdown-ähnliche Syntax zum Erstellen von Diagrammen, ERD, UML, Klassen, Sequenzen und mehr. Beginnen Sie einfach mit dem Schreiben der `(mermaid)`-Verknüpfung oder fügen Sie sie einfach über das `/` Menü hinzu. Sehen Sie sich das folgende Beispieldiagramm in Aktion an 😄 ```mermaid sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good! ``` *** ::::LinkArray :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"} :FontAwesome[]{icon="fa-solid fa-cubes"} ** Andere Blöcke finden** Entdecken Sie neue Wege und Blöcke, um beeindruckende und funktionale Dokumentationsseiten zu erstellen. [Alle Blöcke ansehen](docId\:QR1fjhMprEujXqqNdqr1-) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"} :FontAwesome[]{icon="fa-solid fa-headset"}** Brauchen Sie Hilfe? ⬇️** Verwenden Sie die **blaue** **Chat-Blase **in der unteren rechten Ecke. Oder versuchen Sie **KI-Chat** (aus dem Suchfeld) für schnelle Antworten. ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"} :FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** Ihre Meinung ist wichtig** Verwenden Sie das untenstehende Feedback-Formular, anonym. Oder stellen Sie eine Frage im **Q\&A-Bereich** und unser Team oder die KI wird Ihnen eine Lösung geben. ::: ::::