2023-09-11 11:59:28 -07:00
|
|
|
<html>
|
|
|
|
|
<head> </head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>Example</h1>
|
|
|
|
|
<pre class="mermaid">
|
|
|
|
|
%%{init:{"theme":"base", "themeVariables": {"lineColor":"red"}}}%%
|
|
|
|
|
flowchart LR
|
|
|
|
|
subgraph red
|
|
|
|
|
A --> B
|
|
|
|
|
end
|
|
|
|
|
</pre>
|
|
|
|
|
<pre class="mermaid">
|
|
|
|
|
%%{init:{"theme":"base", "themeVariables": {"lineColor":"blue"}}}%%
|
|
|
|
|
flowchart LR
|
|
|
|
|
subgraph black
|
|
|
|
|
A --> B
|
|
|
|
|
end
|
|
|
|
|
</pre>
|
2023-09-12 10:29:39 -07:00
|
|
|
<pre class="mermaid">
|
|
|
|
|
---
|
|
|
|
|
config:
|
|
|
|
|
theme: base
|
|
|
|
|
themeVariables:
|
|
|
|
|
lineColor: yellow
|
|
|
|
|
---
|
|
|
|
|
flowchart LR
|
|
|
|
|
subgraph red
|
|
|
|
|
A --> B
|
|
|
|
|
end
|
|
|
|
|
</pre>
|
|
|
|
|
<pre class="mermaid">
|
|
|
|
|
---
|
|
|
|
|
config:
|
|
|
|
|
theme: base
|
|
|
|
|
themeVariables:
|
|
|
|
|
lineColor: green
|
|
|
|
|
---
|
|
|
|
|
flowchart LR
|
|
|
|
|
subgraph black
|
|
|
|
|
A --> B
|
|
|
|
|
end
|
|
|
|
|
</pre>
|
2023-09-11 11:59:28 -07:00
|
|
|
<script type="module">
|
|
|
|
|
import mermaid from './mermaid.esm.mjs';
|
2023-09-16 00:32:32 +01:00
|
|
|
mermaid.initialize({ startOnLoad: false, logLevel: 0 });
|
|
|
|
|
await mermaid.run();
|
2023-09-11 11:59:28 -07:00
|
|
|
|
|
|
|
|
if (window.Cypress) {
|
|
|
|
|
window.rendered = true;
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
