This skill builds on diagrams-js/getting-started. Read it first for foundational concepts.

diagrams-js — Browser Integration

Use diagrams-js directly in browsers without build steps. Load from CDN, display in DOM, generate download links.

Setup

CDN with Import Map

<script type="importmap">
  {
    "imports": {
      "diagrams-js": "https://esm.sh/diagrams-js",
      "diagrams-js/": "https://esm.sh/diagrams-js/"
    }
  }
</script>