Help:Mermaid: Difference between revisions
(→Links) |
|||
| (10 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
{{#mermaid:graph TD; | {{#mermaid:graph TD; | ||
A[Secretary of Agriculture] | A[Secretary of Agriculture] | ||
B[Under Secretary for Farm Production and Conservation] | B[ Under Secretary for<br/> Farm Production<br/> and Conservation] | ||
C[Under Secretary for Food, Nutrition and Consumer Services] | C[ Under Secretary for<br/> Food, Nutrition<br/> and Consumer Services] | ||
D[Under Secretary for Food Safety] | D[ Under Secretary for<br/> Food Safety] | ||
E[Under Secretary for Marketing and Regulatory Programs] | E[ Under Secretary for<br/> Marketing and<br/> Regulatory Programs] | ||
F[Under Secretary for Natural Resources and Environment] | F[ Under Secretary for<br/> Natural Resources<br/> and Environment] | ||
G[Under Secretary for Rural Development] | G[ Under Secretary for<br/> Rural Development] | ||
H[Under Secretary for Research, Education and Economics] | H[ Under Secretary for<br/> Research, Education<br/> and Economics] | ||
I[Under Secretary for Trade and Foreign Agricultural Affairs] | I[ Under Secretary for<br/> Trade and Foreign<br/> Agricultural Affairs] | ||
A-->B; | A-->B; | ||
A-->C; | A-->C; | ||
| Line 21: | Line 21: | ||
A-->H; | A-->H; | ||
A-->I; | A-->I; | ||
click A "https://openusaproject.com/wiki/Secretary_of_Agriculture" | click A "https://openusaproject.com/wiki/Secretary_of_Agriculture" | ||
click B "https://openusaproject.com/wiki/Under_Secretary_for_Farm_Production_and_Conservation" | click B "https://openusaproject.com/wiki/Under_Secretary_for_Farm_Production_and_Conservation" | ||
| Line 29: | Line 27: | ||
style A fill:#ffffff,color:blue | style A fill:#ffffff,color:blue | ||
classDef node font-size:20px,color:#000; | classDef node font-size:20px,color:#000; | ||
class A,B,C,D,E,F,G,H,I node | |||
}} | }} | ||
=== 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 87: | 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