Skip to main content

Embedding the share iframe

Published dashboards are rendered by a standalone embeddable app served from share.vibedasher.com. You can drop a dashboard into any web page with an <iframe>.

Public viewer URL​

When you publish a dashboard, it's available at a public viewer URL:

https://cloud.vibedasher.com/v/<slug>

Anyone with the link can open it — no account required. See Publish and share for how to publish.

Embed with an iframe​

To embed a published dashboard inside your own page, use an iframe pointing at the public viewer:

<iframe
  src="https://cloud.vibedasher.com/v/<slug>"
  width="100%"
  height="800"
  style="border: 0;"
  title="Vibedasher dashboard"
  loading="lazy"
></iframe>

The embeddable renderer fetches the published data and draws the charts (Apache ECharts) on its own — your page just hosts the frame.

Interactive embedding (postMessage)​

The renderer communicates with its host window over postMessage for richer integrations — for example, syncing cross-chart filter state or requesting a snapshot of the current dashboard state. The host validates the iframe origin and exchanges typed messages (e.g. GET_DASHBOARD_STATE → DASHBOARD_STATE).

Coming soon

The full postMessage message contract and the exact embed parameters (region routing, auth tokens for private embeds) are being documented. For now, the iframe snippet above covers public, read-only embedding. Grab the ready-made embed code from the Share dialog on any published dashboard in the app.