Help:Diagrams: Difference between revisions
All five editor screenshots uploaded — remove the placeholder notice |
Mermaid is 11.17.2 now, not 10.9 — correct the version note, record the ELK limitation and the handDrawn default |
||
| Line 72: | Line 72: | ||
{{#display_diagram:Mermaid:Example diagram}} | {{#display_diagram:Mermaid:Example diagram}} | ||
See [https://mermaid.js.org/intro/ the Mermaid documentation] for the full syntax. | See [https://mermaid.js.org/intro/ the Mermaid documentation] for the full syntax. This wiki bundles '''Mermaid 11.17.2''', so the Mermaid 11 diagram types — architecture, packet, kanban, treemap and radar — all work. Diagram types added in Mermaid 12 will not render, and <code>layout: elk</code> is not available (it falls back to the default layout silently). The default look is <code>handDrawn</code>; override it per diagram with <code>%%{init: {'look': 'classic'}}%%</code>. | ||
[[File:FlexDiagrams Mermaid editor.png|thumb|none|700px|The Mermaid editor: type the diagram source in the text box and the preview above it redraws as you type.]] | [[File:FlexDiagrams Mermaid editor.png|thumb|none|700px|The Mermaid editor: type the diagram source in the text box and the preview above it redraws as you type.]] | ||