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​