Embed a chart on any site

A published Kitegraph chart is a single iframe. It carries its own fonts, colors, and data, so it drops into any page that accepts HTML: WordPress, Ghost, Substack, Notion, or a hand-built site. This guide takes you from a finished chart to a responsive embed.

1 · Publish the chart

In the editor, open the Publish step and click Publish chart. This creates two stable links: a share page for sending, and the embed for placing on a page. Publishing is free with an account; the links never change, even when you republish.

2 · Copy the embed code

Copy the embed code from the Publish panel. It is one self-contained tag:

<iframe
  src="https://app.kitegraph.com/embed/eac9dbee"
  style="aspect-ratio:900/506;width:100%;border:0">
</iframe>

The aspect-ratio matches the size you designed at, so the chart keeps its shape at any width. There is no script tag and nothing to load besides the frame.

3 · Paste it into your CMS

1. WordPress: add a Custom HTML block and paste the code.
2. Ghost / Substack: use the HTML card in the post editor.
3. Notion: type /embed and paste the embed URL on its own.
4. Plain HTML: paste the tag where you want the chart to sit.

The result is the same chart you built, live on your page:

How it resizes

The chart lays itself out from real pixels, not by scaling a picture. At 400 pixels wide it re-flows its labels, legend, and axis ticks for 400 pixels; on a wide article page it uses the room. You design once and the same embed holds up from a phone to a conference screen.

Live or frozen

Charts built on library statistics stay connected to the data and update as the source publishes new periods. If you want the chart to stand still, publish it as a static snapshot instead.