Get started with mermaid CDN

MIT licensed

Mermaid library: JS tool for text-based diagrams, including flowcharts.

Tags:
  • diagram
  • markdown
  • flowchart
  • sequence diagram
  • gantt
  • class diagram
  • git graph

Stable version

Copied!

How to start using mermaid CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with mermaid CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/mermaid/10.9.0/mermaid.min.js"></script>
</head>
<body>
  <div class="mermaid">
    graph TD;
      A[Customer] --> B[Salesperson];
      B --> C[Product];
      C --> D[Order];
      D --> E[Shipping];
      E --> F[Customer];
  </div>
  <script>
    mermaid.initialize({startOnLoad:true});
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions

0.1.0 0.1.1 0.2.0 0.2.1 0.2.10 0.2.11 0.2.12 0.2.13 0.2.14 0.2.15 0.2.16 0.2.2 0.2.3 0.2.4 0.2.5 0.2.6 0.2.7 0.2.8 0.2.9 0.3.0 0.3.1 0.3.2 0.3.3 0.3.4 0.3.5 0.4.0 0.5.0 0.5.1 0.5.2 0.5.3 0.5.4 0.5.5 0.5.6 0.5.7 0.5.8 10.0.0 10.0.0-rc.1 10.0.0-rc.2 10.0.0-rc.3 10.0.0-rc.4 10.0.1 10.0.1-rc.1 10.0.1-rc.2 10.0.1-rc.3 10.0.1-rc.4 10.0.1-rc.5 10.0.2 10.0.2-rc.1 10.0.3-alpha.1 10.1.0 10.1.0-rc.1 10.2.0 10.2.0-rc.1 10.2.0-rc.2 10.2.0-rc.3 10.2.0-rc.4 10.2.1 10.2.1-rc.1 10.2.2 10.2.3 10.2.3-rc.1 10.2.4 10.2.4-rc.1 10.3.0 10.3.0-rc.1 10.3.1 10.4.0 10.5.0 10.5.0-alpha.1 10.5.0-rc.1 10.5.0-rc.3 10.5.1 10.6.0 10.6.1 10.6.2-rc.1 10.6.2-rc.2 10.6.2-rc.3 10.7.0 10.8.0 10.9.0 10.9.0-rc.1 10.9.0-rc.2 10.9.1 10.9.2 10.9.3 11.0.0 11.0.0-alpha.1 11.0.0-alpha.2 11.0.0-alpha.3 11.0.0-alpha.4 11.0.0-alpha.5 11.0.0-alpha.6 11.0.0-alpha.7 11.0.1 11.0.2 11.1.0 11.1.1 11.2.0 11.2.1 11.3.0 11.4.0 *** 11.4.1 6.0.0 7.0.0 7.0.1 7.0.10 7.0.11 7.0.12 7.0.13 7.0.14 7.0.15 7.0.16 7.0.17 7.0.18 7.0.2 7.0.3 7.0.4 7.0.5 7.0.6 7.0.7 7.0.8 7.0.9 7.1.0 7.1.1 7.1.2 8.0.0 8.0.0-alpha.1 8.0.0-alpha.2 8.0.0-alpha.3 8.0.0-alpha.4 8.0.0-alpha.5 8.0.0-alpha.6 8.0.0-alpha.8 8.0.0-alpha.9 8.0.0-beta.1 8.0.0-beta.2 8.0.0-beta.3 8.0.0-beta.4 8.0.0-beta.5 8.0.0-beta.6 8.0.0-beta.7 8.0.0-beta.8 8.0.0-beta.9 8.0.0-rc.1 8.0.0-rc.2 8.0.0-rc.3 8.0.0-rc.4 8.0.0-rc.5 8.0.0-rc.6 8.0.0-rc.7 8.0.0-rc.8 8.1.0 8.10.1 8.10.2 8.11.0 8.11.1 8.11.2 8.11.3 8.11.4 8.11.5 8.12.0 8.12.1 8.13.0 8.13.1 8.13.10 8.13.2 8.13.3 8.13.4 8.13.5 8.13.6 8.13.7 8.13.8 8.13.9 8.14.0 8.14.0-rc1 8.2.1 8.2.2 8.2.3 8.2.4 8.2.5 8.2.6 8.3.0 8.3.1 8.4.0 8.4.1 8.4.2 8.4.3 8.4.4 8.4.6 8.4.7 8.4.8 8.5.0 8.5.1 8.5.2 8.6.0 8.6.1 8.6.2 8.6.3 8.6.4 8.7.0 8.8.0 8.8.1 8.8.2 8.8.3 8.8.4 8.9.0 8.9.1 8.9.2 8.9.3 9.0.0 9.0.1 9.1.0 9.1.1 9.1.2 9.1.3 9.1.4 9.1.5 9.1.6 9.1.7 9.2.0 9.2.0-rc1 9.2.0-rc10 9.2.0-rc2 9.2.0-rc3 9.2.0-rc4 9.2.0-rc5 9.2.0-rc6 9.2.0-rc7 9.2.0-rc8 9.2.0-rc9 9.2.1 9.2.2 9.2.2-rc.2 9.2.3-rc.1 9.3.0 9.3.0-rc.1 9.3.0-rc.2 9.3.0-rc.3 9.3.0-rc.4 9.3.0-rc.5 9.3.0-rc.6 9.3.0-rc.7 9.4.0 9.4.0-rc.1 9.4.0-rc.2 9.4.2 9.4.2-rc.1 9.4.2-rc.2 9.4.3