| 1 | <html> |
| 2 | <head> </head> |
| 3 | <body> |
| 4 | <h1>Example</h1> |
| 5 | <pre class="mermaid"> |
| 6 | %%{init:{"theme":"base", "themeVariables": {"lineColor":"red"}}}%% |
| 7 | flowchart LR |
| 8 | subgraph red |
| 9 | A --> B |
| 10 | end |
| 11 | </pre> |
| 12 | <pre class="mermaid"> |
| 13 | %%{init:{"theme":"base", "themeVariables": {"lineColor":"blue"}}}%% |
| 14 | flowchart LR |
| 15 | subgraph black |
| 16 | A --> B |
| 17 | end |
| 18 | </pre> |
| 19 | <pre class="mermaid"> |
| 20 | --- |
| 21 | config: |
| 22 | theme: base |
| 23 | themeVariables: |
| 24 | lineColor: yellow |
| 25 | --- |
| 26 | flowchart LR |
| 27 | subgraph red |
| 28 | A --> B |
| 29 | end |
| 30 | </pre> |
| 31 | <pre class="mermaid"> |
| 32 | --- |
| 33 | config: |
| 34 | theme: base |
| 35 | themeVariables: |
| 36 | lineColor: green |
| 37 | --- |
| 38 | flowchart LR |
| 39 | subgraph black |
| 40 | A --> B |
| 41 | end |
| 42 | </pre> |
| 43 | <script type="module"> |
| 44 | import mermaid from './mermaid.esm.mjs'; |
| 45 | mermaid.initialize({ startOnLoad: false, logLevel: 0 }); |
| 46 | await mermaid.run(); |
| 47 | |
| 48 | if (window.Cypress) { |
| 49 | window.rendered = true; |
| 50 | } |
| 51 | </script> |
| 52 | </body> |
| 53 | </html> |
| 54 | |