...
| Code Block |
|---|
graph TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end |
+ Display
| Mermaid | ||||||
|---|---|---|---|---|---|---|
| ||||||
{"diagramDefinition":"graph TB\n c1-->a2 \n subgraph one\n a1-->a2\n end\n subgraph two \n b1-->b2\n end \n subgraph three\n c1-->c2\n end"} |
+ Markdown
| Code Block |
|---|
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
| Mermaid |
|---|
graph TD A[Inactive device]:::danger -->|Remove battery<br>strip/paper| B[Active device]:::good B --> C[Install/Stick at the desired place] C end--> 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; |
Sequence diagram
+ Syntax
https://mermaid-js.github.io/mermaid/#/sequenceDiagram
...