Difference between revisions of "Mermaid"

From BITPlan Wiki
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 19: Line 19:
 
     John->Bob: How about you?
 
     John->Bob: How about you?
 
     Bob-->John: Jolly good!
 
     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  

Examples

Sequence Diagram

Class Diagram

ER Diagram