Mermaid Live Example

This page loads Mermaid JS in the browser and renders the diagram directly on the page.

Code example

flowchart TD
  A[Idea] --> B[Draft]
  B --> C[Review]
  C --> D[Publish]
  D --> E[Archive on SomeWebsite.Somewhere]

Rendered result

HTML used on this page

<script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
<script>
  mermaid.initialize({ startOnLoad: true, theme: "default" });
</script>

<div class="diagram-wrap">
  <div class="mermaid">
flowchart TD
  A[Idea] --> B[Draft]
  B --> C[Review]
  C --> D[Publish]
  D --> E[Archive on SomeWebsite.Somewhere]
  </div>
</div>