← Volumine

WordPress

3D charts in WordPress

Every WordPress charting solution starts by asking you to install a plugin, and every plugin you install is one more thing that updates itself badly on a Tuesday. This needs none: it is an iframe in a Custom HTML block. Nothing runs on your server, nothing lands in your database, and there is nothing to keep updated.

Live, running in WordPress the same way it runs here. Drag it.

Open this chart in the editorChange the numbers, copy your link. No account needed.

How to put it in WordPress

  1. 1

    Copy the iframe from the editor

    At volumine.app/crear, next to Copy link there is a small iframe button. It copies the complete tag, already sized and with a title attribute for screen readers.

  2. 2

    Add a Custom HTML block

    In the block editor press / and choose Custom HTML. Paste the tag. Use the Preview tab to check it before publishing — the editor itself shows the raw code, which is expected.

  3. 3

    Classic editor: use the Text tab

    If you are on the classic editor, switch from Visual to Text and paste the tag there. Pasting it in Visual will escape the angle brackets and print the code as words.

The chart above, ready to paste

This is the exact tag for the chart you just dragged. It works anywhere that accepts HTML; the steps above are for editors that want a URL instead.

<iframe
  src="https://volumine.app/embed?c=N4IgbiBcCMA0IBcCeAHAplEATA9gOwFcER4EALNAWw0hAEMCAnHRuk7OhNyUAGzoBGaXgGcoAbRABZHAICWvDPAAiaEQGsEOFOwAqgxcXgB5cmkYgAuvBHm5aiaDB1eBB5HEA2OACYAnLAAHLA+lgC+4TYAxmh4NKACdFHqAObMBHhYUKDqcpmYCKx4Iih0jLHEYWHw-EKi2SAiZDgA7lCFbvCUOFg0IDhEInK97E2tAGoubmKQHWg2zS0ACuYxeMSzjG7VIN0IcvgNDFoASjhcCDRzNuhoWZAAzFVAA"
  width="100%"
  height="420"
  style="border:0"
  loading="lazy"
  title="Reader devices this year"
></iframe>

Height is the only thing worth changing: the chart fits the width on its own, but it cannot guess how tall you want it.

What it costs the page

This is usually what decides whether you are allowed to embed something, so here are the numbers rather than adjectives:

Weight

148 KBThe whole 3D viewer, compressed.

Requests

1One file. Nothing else.

Cookies

0It does not track whoever sees it.

Third parties

0It calls no external server.

That is why an embedded chart adds no obligations to the privacy policy of the page you put it on. It is a constraint of the design, measured on every build — not a marketing promise.

What it will not do

  • Some managed WordPress hosts strip iframes from post content for security. If the tag disappears on save, that is your host, and the fix is on their side.
  • A Custom HTML block will not render inside AMP pages.
  • Caching plugins sometimes serve an old version of the post. Purge the cache if you swap a chart and the previous one keeps appearing.

Somewhere else?

If it accepts a link or an <iframe>, it accepts this.

Make yours

Paste your own numbers, pick a theme, copy the link. It takes about a minute and you do not need an account for any of it.

Open the editor

How it works · All integrations · Pricing