` element to write in your own\nmarkup — use it when you control the HTML.\n\n**`auto.js`** scans the page for `` blocks and draws them —\nuse it when you _don't_ control the HTML, which is the usual case with markdown,\na CMS, or a static-site generator emitting ` ```dgmo ` fences.\n\n```html\n\n\n\nbar Ship Stores\n\nSalt Pork 34\nHardtack 28\nRum 17\n```\n\nLoad one or the other, not both — each carries a complete copy of the renderer.\n\nOptional styling for the auto-scanner lives at `dist/auto.css`; the element\nbrings its own.\n\n## Pinning a version\n\nThe examples above float to the latest release, which is fine for a demo and a\npoor idea for a page you will not revisit. Pin it:\n\n```html\n\n\n```\n\nunpkg works the same way — swap the host for `unpkg.com/`.\n\n## What you get\n\n50+ chart types from one text format: flowcharts, sequence diagrams,\ntimelines, org charts, gantt, maps, and the usual bar/line/pie family. The\nrenderer infers the chart type from what you wrote, so there is one syntax to\nlearn rather than one per chart.\n\nThemes and palettes are attributes — `palette=\"slate\"`, `theme=\"dark\"`. Maps\nfetch their basemaps on demand from `@diagrammo/dgmo` on the same CDN, so a page\nwith no map downloads no map data.\n\n## Watching a diagram somebody showed you\n\nIf someone published a diagram at Diagrammo — _showed it on the web_ — you can\nwatch it from any page, and every reader gets the version its author has now:\n\n```html\n\n\n
\n```\n\nPaste the share link you were sent, or just the id at the end of it. The\ndiagram is fetched when the page loads — there is no polling, so a page left\nopen shows what it fetched on arrival until it is reloaded.\n\nIf your page sends a `Content-Security-Policy` header, it needs\n`connect-src https://api.diagrammo.app` or the browser will block the request.\nThat case is not silent: the element draws a card naming the diagram and says\nwhat went wrong, as it does when a diagram is missing or its author has stopped\nshowing it.\n\n## When you want a different package\n\nThis one exists for the no-build case. Reach for a sibling instead when:\n\n- **You are using npm and a bundler** → [`@diagrammo/dgmo`](https://www.npmjs.com/package/@diagrammo/dgmo), the library. It does not contain these two files, deliberately: they are a complete renderer twice over, and shipping them to every `npm install` meant 39% of the tarball for something no `import` could reach.\n- **You are rendering markdown at build time** → [`remark-dgmo`](https://www.npmjs.com/package/remark-dgmo) and its wrappers for Astro, Docusaurus, Fumadocs, Nextra and VitePress. They draw the SVG during the build, so the reader downloads a picture and no renderer at all.\n- **You want it on the command line** → [`@diagrammo/dgmo-cli`](https://www.npmjs.com/package/@diagrammo/dgmo-cli), or `brew install dgmo`.\n\n## Links\n\n- **Language reference and gallery** —