Using Mermaid in MediaWiki: Difference between revisions

m Tagged
No edit summary
 
Line 3: Line 3:
While Flex Diagrams allows you to create 5 types of diagrams - including all those available through Mermaid, the limitation that you can not combine wiki markup in the 'sandboxed' implementation of Flex Diagrams makes us prefer creating Mermaid diagrams using the Mermaid extension.
While Flex Diagrams allows you to create 5 types of diagrams - including all those available through Mermaid, the limitation that you can not combine wiki markup in the 'sandboxed' implementation of Flex Diagrams makes us prefer creating Mermaid diagrams using the Mermaid extension.


The Mermaid.js library is capable of generating all these types of diagrams.
The Mermaid.js library is capable of generating all these types of diagrams. '''Unfortunately''', the current integration is for v8.14.0 released on Feb 10, 2022 so it desperately needs updating to gain the latest features and diagram types of the library.


# Flowchart
# Flowchart
Line 53: Line 53:
* Mermaid - subgraph
* Mermaid - subgraph
* Mermaid - wide graph (CSS hack to fix horizontal scrolling)
* Mermaid - wide graph (CSS hack to fix horizontal scrolling)


=== GANNT Chart ===
=== GANNT Chart ===