/
Demo
Demo
- Toshihiro Sato
Owned by Toshihiro Sato
Flow chart
+Syntax
https://mermaid-js.github.io/mermaid/#/flowchart
+ Markdown
graph TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end+ Display
+ Markdown
graph TD
A[Inactive device]:::danger -->|Remove battery<br>strip/paper| B[Active device]:::good
B --> C[Install/Stick at the desired place]
C --> D[Open the Super Awsome app]
D --> E[In the great tab, find the newly discovered device]
E --> F[Check if the ID matches the ID printed on the device]
F -->|If match| G[Rename the device with its location]
F -->|If no match| H[Check for another newly discovered device in the app]
G --> I["Check that the status of the device is #quot;Ok#quot;"]
I --> J[You're good to<br>go]:::good
classDef danger fill:red,color:white;
classDef good fill:green,color:white;+ Display
Sequence diagram
+ Syntax
https://mermaid-js.github.io/mermaid/#/sequenceDiagram
+ Markdown
sequenceDiagram
autonumber
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!+ Display
Class diagram
+ Syntax
https://mermaid-js.github.io/mermaid/#/classDiagram
+ Markdown
+ Display
State Diagram
+ Syntax
https://mermaid-js.github.io/mermaid/#/stateDiagram
+ Markdown
+ Display
Entity Relationship Diagrams
+ Syntax
https://mermaid-js.github.io/mermaid/#/entityRelationshipDiagram
+ Markdown
+ Display
User Journey Diagram
+ Syntax
https://mermaid-js.github.io/mermaid/#/user-journey
+ Markdown
+ Display
Gantt diagram
+ Syntax
https://mermaid-js.github.io/mermaid/#/gantt
+ Markdown
+ Display
Pie chart
+ Syntax
https://mermaid-js.github.io/mermaid/#/pie
+ Markdown
+ Display
Related content
User Guide
User Guide
More like this
PlantUML Diagram
PlantUML Diagram
More like this
Mermaid Live Editor
Mermaid Live Editor
Read with this
Flowchart
More like this
Line Break in Sequence Diagram
Line Break in Sequence Diagram
Read with this
Mermaid Integration for Confluence Home
Mermaid Integration for Confluence Home
More like this