Cheatsheet







MermaidJs help
FlowChart
direction - top to down
graph TD
a-->b

direction - left to right
graph LR

Shape: round rect
id(Label)

Shape: circle
id((Start))

Shape: cylinder/database
id[(Database)]

Shape: rhombus
id{is successful}

Shape: double circle
id(((End)))

Edges: with arrow head
flowchart LR
A-->B
Edges: without arrow
flowchart LR
A --- B
Edges: with text
flowchart LR
A---|This is the text|B
Sequence Diagram
line types
sequenceDiagram
a->b: solid no arrow
a-->b: dashed no arrow
a-->>b: dashed with arrow
b-->>a: reverse

Class Diagrams
define class
classDiagram
class Person{
String name
}
xxxxxxxxxx
sequenceDiagram
participant C as Client
participant A as API
C->>A: getMessages(token)
A->>C: messages[]