Latest revision as of 16: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

Examples

@@ 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.
 |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
+    }
 }}