Zum Hauptinhalt springen

Diagramme

Diagramme können mithilfe von Mermaid in einem Code-Block dargestellt werden.

Verwendung

Das CMS unterstützt die Bearbeitung von Mermaid-Diagrammen direkt.

  1. Klicken Sie auf das Mermaid-Symbol.
  2. Geben Sie den Markdown-Code in das Feld ein.

Klicken Sie auf Vorschau, um Ihr Diagramm anzuzeigen.

Beispiel:

Hinweis

Derzeit werden zenUML-Diagramme nicht unterstützt, und Mindmap-Diagramme können zu ungewöhnlichem Verhalten führen. Nicht alle Diagrammtypen können im CMS in der Vorschau angezeigt werden.

Weitere Informationen finden Sie unter Mermaid in der TinaCMS-Dokumentation.

Informationen zur Gestaltung von Mermaid-Diagrammen finden Sie unter Diagramme in der Docusaurus-Dokumentation.

Beispiele

Architekturdiagramm

Blockdiagramm

C4-Kontextdiagramm

Klassendiagramm

Entity-Relationship-Diagramm

Flussdiagramm

Gantt-Diagramm

Git-Graph

Kanban-Board

Mindmap

Paketdiagramm

Kreisdiagramm

Quadrantendiagramm

Radardiagramm

Anforderungsdiagramm

Sankey-Diagramm

Sequenzdiagramm

Zustandsdiagramm

Zeitleiste

Treemap

User Journey

XY-Diagramm