Difference between revisions of "Mermaid"
Jump to navigation
Jump to search
| (4 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
|purpose=This extension provides the #mermaid parser function to support the generation of diagrams and flowcharts with the help of the mermaid script language. | |purpose=This extension provides the #mermaid parser function to support the generation of diagrams and flowcharts with the help of the mermaid script language. | ||
|storemode=property | |storemode=property | ||
| + | |since=2017-12-30 | ||
| + | }} | ||
| + | = Examples = | ||
| + | == Sequence Diagram == | ||
| + | {{#mermaid:sequenceDiagram | ||
| + | participant Alice | ||
| + | participant Bob | ||
| + | Alice->John: Hello John, how are you? | ||
| + | loop Healthcheck | ||
| + | John->John: Fight against hypochondria | ||
| + | end | ||
| + | Note right of John: Rational thoughts <br/>prevail... | ||
| + | John-->Alice: Great! | ||
| + | John->Bob: How about you? | ||
| + | Bob-->John: Jolly good! | ||
| + | }} | ||
| + | == Class Diagram == | ||
| + | {{#mermaid:classDiagram | ||
| + | Class01 <|-- AveryLongClass : Cool | ||
| + | <<interface>> Class01 | ||
| + | Class09 --> C2 : Where am i? | ||
| + | Class09 --* C3 | ||
| + | Class09 --|> Class07 | ||
| + | Class07 : equals() | ||
| + | Class07 : Object[] elementData | ||
| + | Class01 : size() | ||
| + | Class01 : int chimp | ||
| + | Class01 : int gorilla | ||
| + | class Class10 { | ||
| + | <<service>> | ||
| + | int id | ||
| + | size() | ||
| + | } | ||
| + | }} | ||
| + | == ER Diagram == | ||
| + | {{#mermaid: | ||
| + | erDiagram | ||
| + | C_AR ||--o{ NAMED-DRIVER : allows | ||
| + | C_AR { | ||
| + | string registrationNumber | ||
| + | string make | ||
| + | string model | ||
| + | } | ||
| + | PERSON ||--o{ NAMED-DRIVER : is | ||
| + | PERSON { | ||
| + | string firstName | ||
| + | string lastName | ||
| + | int age | ||
| + | } | ||
}} | }} | ||
Latest revision as of 18:27, 20 February 2023
| Extension | |
|---|---|
 edit
| |
| name | Mermaid |
| url | https://github.com/SemanticMediaWiki/Mermaid |
| purpose | This extension provides the #mermaid parser function to support the generation of diagrams and flowcharts with the help of the mermaid script language. |
| since | 2017-12-30 |
| wiki | |