CargoAdmin, Bureaucrats, Moderators (CommentStreams), fileuploaders, newuser
401
edits
Help:Mermaid: Difference between revisions
→Links
(→Links) |
|||
| (22 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
== Examples == | == Examples == | ||
=== graph with links === | |||
{{#mermaid:graph TD; | |||
A[Secretary of Agriculture] | |||
B[ Under Secretary for<br/> Farm Production<br/> and Conservation] | |||
C[ Under Secretary for<br/> Food, Nutrition<br/> and Consumer Services] | |||
D[ Under Secretary for<br/> Food Safety] | |||
E[ Under Secretary for<br/> Marketing and<br/> Regulatory Programs] | |||
F[ Under Secretary for<br/> Natural Resources<br/> and Environment] | |||
G[ Under Secretary for<br/> Rural Development] | |||
H[ Under Secretary for<br/> Research, Education<br/> and Economics] | |||
I[ Under Secretary for<br/> Trade and Foreign<br/> Agricultural Affairs] | |||
A-->B; | |||
A-->C; | |||
A-->D; | |||
A-->E; | |||
A-->F; | |||
A-->G; | |||
A-->H; | |||
A-->I; | |||
click A "https://openusaproject.com/wiki/Secretary_of_Agriculture" | |||
click B "https://openusaproject.com/wiki/Under_Secretary_for_Farm_Production_and_Conservation" | |||
click C "https://sandbox.semantic-mediawiki.org/wiki/C" | |||
click D "https://sandbox.semantic-mediawiki.org/wiki/D" | |||
style A fill:#ffffff,color:blue | |||
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 45: | Line 87: | ||
click D "https://sandbox.semantic-mediawiki.org/wiki/D" | click D "https://sandbox.semantic-mediawiki.org/wiki/D" | ||
}} | }} | ||
== Links == | == Links == | ||
| Line 57: | 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 | |||