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