Observable embed code generator
Paste any observable URL — get a ready-to-paste iframe for interactive notebooks, D3 charts, and data visualizations.
How to embed an observable notebook
Paste an Observable link
Copy any observablehq.com URL — interactive notebooks, D3 charts, and data visualizations.
Get the embed code
The tool detects the notebook and generates the right iframe embed HTML.
Copy & paste
Click Copy code, then paste the HTML into your blog, docs, CMS, or any HTML editor.
Why use our observable embed code generator
No manual setup
Skip writing the iframe by hand. Paste any Observable link and get working embed HTML.
Keeps notebooks interactive
Embedded notebooks stay live and reactive — readers can interact with the visualization, not just view a screenshot.
Customizable preview card
Switch to Card mode to customize colors, fonts, and layout before copying.
Free, no signup
Generate up to 50 Observable embeds per day. No login, no API key, no watermarks.
Observable Embed with one click.
Powered by the Microlink Embed API — the same infrastructure handling embeds at scale.
Live interactive notebook
Get the real Observable notebook embed with reactive cells and full D3 interactivity intact.
Notebooks, charts & data viz
Works with full notebooks and individual cells — D3 charts, maps, and exploratory data visualizations all embed cleanly.
Preview card fallback
A styled preview card with title and image when native embedding is restricted.
Live interactive notebook
Get the real Observable notebook embed with reactive cells and full D3 interactivity intact.Notebooks, charts & data viz
Works with full notebooks and individual cells — D3 charts, maps, and exploratory data visualizations all embed cleanly.Preview card fallback
A styled preview card with title and image when native embedding is restricted.
FAQ
How do I embed an Observable notebook on my website?
Paste any observablehq.com URL into the tool and click Generate. You will get a ready-to-paste iframe that renders the live notebook.
Can I embed a single cell instead of the whole notebook?
Yes. Observable supports embedding individual cells, so you can show just one D3 chart or visualization rather than the entire notebook.
Is the embedded notebook still interactive?
Yes. The notebook stays reactive inside the iframe, so viewers can use inputs and explore the data visualization directly.
What if the Observable notebook is private?
Private or unlisted notebooks cannot be embedded natively. The tool falls back to a styled preview card with the available title and image.
Is this free?
Yes — 50 requests per day, no login, no credit card.