Help:Mermaid: Difference between revisions
(→Links) |
|||
| (2 intermediate revisions by the same user not shown) | |||
| Line 30: | Line 30: | ||
}} | }} | ||
=== Test=== | |||
{{#mermaid:graph TD; | |||
flowchart TB | |||
subgraph CEO | |||
A[CEO] | |||
end | |||
subgraph Departments | |||
B[Finance] --> A | |||
C[Marketing] --> A | |||
D[IT] --> A | |||
E[HR] --> A | |||
F[Operations] --> A | |||
end | |||
}} | |||
===Sequence=== | ===Sequence=== | ||
{{#mermaid:sequenceDiagram | {{#mermaid:sequenceDiagram | ||
| Line 86: | Line 100: | ||
*http://pro.wiki/ | *http://pro.wiki/ | ||
*https://www.pro.wiki/help/draw-mermaid-diagrams-charts-in-mediawiki | *https://www.pro.wiki/help/draw-mermaid-diagrams-charts-in-mediawiki | ||
*https://github.com/SemanticMediaWiki/Mermaid | |||
*https://www.semantic-mediawiki.org/wiki/Help:Using_Mermaid_together_with_Semantic_MediaWiki | |||
*https://www.youtube.com/watch?v=XgETf5w5i-U | |||
*https://mermaid.js.org/syntax/entityRelationshipDiagram.html | |||
Latest revision as of 21:55, 7 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
Test
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
- https://github.com/SemanticMediaWiki/Mermaid
- https://www.semantic-mediawiki.org/wiki/Help:Using_Mermaid_together_with_Semantic_MediaWiki
- https://www.youtube.com/watch?v=XgETf5w5i-U
- https://mermaid.js.org/syntax/entityRelationshipDiagram.html