# Use without a bundler (/docs/guides/cdn)
> Run VisDelta from one versioned ESM URL, or from a self-contained global script.
## A complete page [#a-complete-page]
Save this as `index.html` and open it through a local web server. Browsers
restrict module loading from `file://`, so run any static server you already
use, for example `npx serve`, and open the URL it prints.
```html title="index.html"
My first VisDelta transition
```
## Why `/+esm` [#why-esm]
VisDelta's published ESM entry imports the `d3-*` modules by bare name, which a
browser cannot resolve on its own. jsDelivr's `/+esm` endpoint rewrites those
imports to version-pinned CDN URLs, the same convention D3 itself uses.
- **Pin the version** for durable pages.
- **Don't add SRI** to a `+esm` URL. The file is generated by jsDelivr, not
stored statically, so its hash is not guaranteed to be stable.
- Chart renderers still load lazily from the root URL.
## Focused CDN entries [#focused-cdn-entries]
The root URL is the recommended path. A page that deliberately wants a narrower
initial entry can request a packaged file directly:
```js
import { bar } from 'https://cdn.jsdelivr.net/npm/visdelta@0.4.2/dist/bar.js/+esm';
import { transition } from 'https://cdn.jsdelivr.net/npm/visdelta@0.4.2/dist/transition-entry.js/+esm';
```
## Global script [#global-script]
For a page without modules, load the self-contained global bundle. The `d3-*`
modules VisDelta uses are compiled in.
```html
```
The global build exposes the same chart and transition API as `window.VisDelta`.