cdn

Mermaid

Released Installed

Generate flowcharts, sequence diagrams, and more from Markdown-like text.

How to include

<script type="module">
  import mermaid from 'https://cdn.roste.org/mermaid/latest/mermaid.min.js';
  mermaid.initialize({ startOnLoad: true, theme: 'dark' });
</script>

<!-- Or classic UMD: -->
<script src="https://cdn.roste.org/mermaid/latest/mermaid.min.js"></script>
<script>mermaid.initialize({ startOnLoad: true });</script>

Download zip

Flowchart

flowchart LR
  A[Request] --> B{Cached?}
  B -->|Yes| C[Return cache]
  B -->|No| D[Fetch]
  D --> E[Store]
  E --> C
                

<pre class="mermaid">
flowchart LR
  A --> B
</pre>
<script src="latest/mermaid.min.js"></script>
<script>mermaid.initialize({ startOnLoad: true, theme: "dark" });</script>