Warning, /jana2/docs/development/mermaid.md is written in an unsupported language. File is not indexed.
0001 ## Mermaid diagrams
0002
0003 One way to use [Mermaid diagrams](https://mermaid.js.org) in the documentation:
0004
0005 <pre>
0006 ```mermaid
0007 sequenceDiagram
0008 Alice ->> Bob: Hello Bob, how are you?
0009 Bob-->>John: How about you John?
0010 Bob--x Alice: I am good thanks!
0011 Bob-x John: I am good thanks!
0012 Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.
0013
0014 Bob-->Alice: Checking with John...
0015 Alice->John: Yes... John, how are you?
0016 ```
0017 </pre>
0018
0019 ```mermaid
0020 sequenceDiagram
0021 Alice ->> Bob: Hello Bob, how are you?
0022 Bob-->>John: How about you John?
0023 Bob--x Alice: I am good thanks!
0024 Bob-x John: I am good thanks!
0025 Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.
0026
0027 Bob-->Alice: Checking with John...
0028 Alice->John: Yes... John, how are you?
0029 ```
0030
0031 The other one is by using `<pre class="mermaid">` HTML tags:
0032
0033 ```html
0034 <pre class="mermaid">
0035 graph LR
0036 A --- B
0037 B-->C[fa:fa-ban forbidden]
0038 B-->D(fa:fa-spinner);
0039 </pre>
0040 ```
0041
0042 <pre class="mermaid">
0043 graph LR
0044 A --- B
0045 B-->C[fa:fa-ban forbidden]
0046 B-->D(fa:fa-spinner);
0047 </pre>
0048
