...
| Mermaid |
|---|
classDiagram
Animal <|-- Duck
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
} |
State Diagram
+ Syntax
https://mermaid-js.github.io/mermaid/#/stateDiagram
+ Markdown
| Code Block |
|---|
stateDiagram-v2
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*] |
+ Display
| Mermaid | ||
|---|---|---|
| ||
stateDiagram-v2
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*] |
Entity Relationship Diagrams
+ Syntax
https://mermaid-js.github.io/mermaid/#/entityRelationshipDiagram
+ Markdown
| Code Block |
|---|
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE-ITEM : contains
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses |
+ Display
| Mermaid |
|---|
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE-ITEM : contains
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses |