Help:Mermaid: Difference between revisions
| Line 2: | Line 2: | ||
== Examples == | == Examples == | ||
=== graph with links === | |||
{{#mermaid:graph TD; | |||
A[Secretary of Agriculture] | |||
A-->B; | |||
A-->C; | |||
B-->D; | |||
C-->D; | |||
click A "https://sandbox.semantic-mediawiki.org/wiki/A" | |||
click B "https://sandbox.semantic-mediawiki.org/wiki/B" | |||
click C "https://sandbox.semantic-mediawiki.org/wiki/C" | |||
click D "https://sandbox.semantic-mediawiki.org/wiki/D" | |||
}} | |||
===Sequence=== | ===Sequence=== | ||
{{#mermaid:sequenceDiagram | {{#mermaid:sequenceDiagram | ||
| Line 45: | Line 58: | ||
click D "https://sandbox.semantic-mediawiki.org/wiki/D" | click D "https://sandbox.semantic-mediawiki.org/wiki/D" | ||
}} | }} | ||
== Links == | == Links == | ||
Revision as of 14:59, 6 December 2024
The Mermaid extension provides a parser function to help generate diagrams and flowcharts using the mermaid script language. See the README file for detailed instructions on how to install, configure and use this extension
Examples
graph with links
Sequence
Syntax
graph with links
Links
- https://www.mediawiki.org/wiki/Extension:Mermaid
- https://mermaid.js.org/syntax/stateDiagram.html
- https://www.mediawiki.org/wiki/Extension_talk:Mermaid
- https://github.com/SemanticMediaWiki/Mermaid
- https://www.semantic-mediawiki.org/wiki/Help:Using_Mermaid_together_with_Semantic_MediaWiki
- http://readme.md/
- http://usage.md/
- http://sandbox.semantic-mediawiki.org/
- http://pro.wiki/
- https://www.pro.wiki/help/draw-mermaid-diagrams-charts-in-mediawiki