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

https://cdn.cdnhub.io/mermaid/11.4.1/accessibility.d.ts 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>

Select version:

https://cdn.cdnhub.io/mermaid/11.4.1/__mocks__/mermaidAPI.d.ts Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/accessibility.d.ts Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/accessibility.spec.d.ts Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/assignWithDepth.d.ts Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/architectureDiagram-UYN6MBPD.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/architectureDiagram-UYN6MBPD.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/blockDiagram-ZHA2E4KO.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/blockDiagram-ZHA2E4KO.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/c4Diagram-6F5ED5ID.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/c4Diagram-6F5ED5ID.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-3JNJP5BE.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-3JNJP5BE.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-3X56UNUX.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-3X56UNUX.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-5HRBRIJM.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-5HRBRIJM.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-66SQ7PYY.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-66SQ7PYY.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-6DBFFHIP.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-6DBFFHIP.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-6JOS74DS.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-6JOS74DS.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-7DKRZKHE.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-7DKRZKHE.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-7NZE2EM7.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-7NZE2EM7.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-7U56Z5CX.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-7U56Z5CX.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-ASOPGD6M.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-ASOPGD6M.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-BO7VGL7K.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-BO7VGL7K.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-EJ4ZWXGL.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-EJ4ZWXGL.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-K6PMAZHR.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-K6PMAZHR.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-KFBOBJHC.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-KFBOBJHC.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-OPO4IU42.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-OPO4IU42.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-S3SWNSAA.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-S3SWNSAA.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-T2TOU4HS.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-T2TOU4HS.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-TMUBEWPD.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/chunk-TMUBEWPD.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/classDiagram-LNE6IOMH.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/classDiagram-LNE6IOMH.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/classDiagram-v2-MQ7JQ4JX.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/classDiagram-v2-MQ7JQ4JX.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/dagre-4EVJKHTY.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/dagre-4EVJKHTY.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/diagram-QW4FP2JN.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/diagram-QW4FP2JN.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/erDiagram-6RL3IURR.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/erDiagram-6RL3IURR.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/flowDiagram-7ASYPVHJ.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/flowDiagram-7ASYPVHJ.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/ganttDiagram-NTVNEXSI.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/ganttDiagram-NTVNEXSI.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/gitGraphDiagram-NRZ2UAAF.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/gitGraphDiagram-NRZ2UAAF.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/infoDiagram-A4XQUW5V.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/infoDiagram-A4XQUW5V.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/journeyDiagram-G5WM74LC.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/journeyDiagram-G5WM74LC.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/kanban-definition-QRCXZQQD.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/kanban-definition-QRCXZQQD.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/mindmap-definition-GWI6TPTV.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/mindmap-definition-GWI6TPTV.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/pieDiagram-YF2LJOPJ.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/pieDiagram-YF2LJOPJ.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/quadrantDiagram-OS5C2QUG.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/quadrantDiagram-OS5C2QUG.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/requirementDiagram-MIRIMTAZ.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/requirementDiagram-MIRIMTAZ.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/sankeyDiagram-Y46BX6SQ.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/sankeyDiagram-Y46BX6SQ.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/sequenceDiagram-G6AWOVSC.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/sequenceDiagram-G6AWOVSC.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/stateDiagram-MAYHULR4.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/stateDiagram-MAYHULR4.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/stateDiagram-v2-4JROLMXI.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/stateDiagram-v2-4JROLMXI.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/timeline-definition-U7ZMHBDA.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/timeline-definition-U7ZMHBDA.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/xychartDiagram-6QU3TZC5.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.core/xychartDiagram-6QU3TZC5.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/architecture-I3QFYML2-BNJ4OOAP.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/architecture-I3QFYML2-BNJ4OOAP.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/architectureDiagram-MJF3Q7TB.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/architectureDiagram-MJF3Q7TB.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/blockDiagram-56QMO3LT.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/blockDiagram-56QMO3LT.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/c4Diagram-ET6I6IV7.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/c4Diagram-ET6I6IV7.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-3YFHLAX3.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-3YFHLAX3.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-44WTIFVW.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-44WTIFVW.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-4KE642ED.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-4KE642ED.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-54VS5GG6.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-54VS5GG6.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-5ZJXQJOJ.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-5ZJXQJOJ.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-6BY5RJGC.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-6BY5RJGC.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-6CAUGOKZ.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-6CAUGOKZ.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-7CIZ4OX7.mjs Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-7CIZ4OX7.mjs.map Copied!

https://cdn.cdnhub.io/mermaid/11.4.1/chunks/mermaid.esm.min/chunk-7LIB5WBN.mjs 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