Skip to content
DoctorDoctor

Mermaid

The mermaid shortcode allows you to render Mermaid diagrams on your SharePoint pages. Place your Mermaid code between the <mermaid> tags and Doctor outputs it as a diagram which gets rendered in the browser.

Example:

<mermaid>
flowchart LR
    id["Doctor supports Mermaid diagrams!"]
</mermaid>

The shortcode renders the following HTML:

<script type="module">
  import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs";
</script>
<pre class="mermaid">
flowchart LR
    id["Doctor supports Mermaid diagrams!"]
</pre>
Visitors