/Docs
Dashboard
Features

Embedding

Any widget on your 7di dashboard can be embedded on any website with a single line of HTML. The data updates automatically. No backend, no API keys, no code.

How to get an embed code

  1. Open your dashboard and hover over the widget you want to embed.
  2. Click the share icon on the widget.
  3. Toggle Public embed on.
  4. Copy the iframe code and paste it into your website.

The embed code

<iframe
 src="https://7di.vision/embed/{token}"
 width="320"
 height="180"
 frameborder="0"
 style="border-radius:12px;overflow:hidden"
></iframe>

Resize the iframe to fit your layout. The widget scales to fill the available space.

Themes

Add a ?theme= parameter to match your website's style:

https://7di.vision/embed/{token}?theme=light

Available themes: dark (default), midnight, light, paper, github, winter, latte, slate, ocean, forest, sunset, synthwave, amber, ayu, everforest, onedark, material, rose, red, monokai, dracula, nord, tokyo, catppuccin, gruvbox, solarized.

You can also preview and copy theme-specific embed codes from the Embeds page.

What can be embedded

Every widget type supports embedding. Pick a widget type to see specific embed examples:

Disabling an embed

Toggle Public embed off on the widget. The embed URL will immediately return a 404.