Embeds

Put live data anywhere on the web

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, Free.

1
Add a widget to your dashboard
Create any monitor (crypto price, uptime, SQL query, AI lookup, and more) from the dashboard.
2
Right-click and generate an embed link
Right-click the widget, choose "Embed widget", and hit Generate.
3
Paste the iframe anywhere
Drop the one-liner into any page, blog, Notion embed, or CMS. The widget refreshes automatically.
Crypto price

Show a live crypto price on your site

Display BTC, ETH, or any coin with live price updates, a sparkline chart, or candlestick history. Great for crypto blogs, portfolio sites, or any finance page. The price refreshes automatically so you never need to touch the embed.

Preview

Bitcoin

$67,420.00

07:52 PM · 5m

BTC

How to embed

1Go to your dashboard and add a Crypto price widget, enter the coin symbol.
2Right-click it, choose Embed widget, click Generate.
3Copy the embed code and paste it into your page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Wallet balance

Show a live crypto wallet balance on your site

Display the ETH, MATIC, or multi-chain balance of any wallet address. Useful for DAO treasuries, project wallets, or personal portfolio sites where you want visitors to see a live balance without connecting their own wallet.

Preview

ETH wallet

$4.82

07:52 PM · 1h

Portfolio

How to embed

1Add a Wallet balance widget and paste in the wallet address.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe anywhere you want the balance to appear.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
SQL query

Display a live number from your database

Run any SQL query against your Postgres database and embed the result as a value, line chart, or bar chart. Use it to show active users, revenue, open tickets, or any metric that lives in your database, without building a custom API.

Preview

Signups by plan

Pro

Free47%
Pro47%
Enterprise7%

07:52 PM · 1h

SQL Query

How to embed

1Add a SQL query widget, connect your Postgres database, and write a query that returns a single number.
2Right-click the widget, choose Embed widget, click Generate.
3Copy the code and paste it into your site.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Dune Analytics

Embed a live on-chain metric from Dune

Pull any numeric result from a Dune Analytics query and display it as a live widget. Good for DeFi protocols, NFT projects, or any on-chain product that wants to show TVL, volume, holders, or other chain-level metrics on a public page.

Preview

DEX volume (24h)

2,400,000,000

07:52 PM · 1h

Dune

How to embed

1Add a Dune Query widget, enter your Dune query ID and the column name to display.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe into your project site or docs.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
JS code

Embed any custom metric computed with JavaScript

Write a small JavaScript snippet that fetches a value from any API or computes something locally. The result gets displayed as a widget that refreshes on a schedule. If there is no built-in widget for what you need, this is how you build it.

Preview

Error rate by type

TypeError

TypeErrorTimeout404500

07:52 PM · 5m

JS

How to embed

1Add a JS code widget and write a snippet that returns the value you want to display.
2Right-click the widget, choose Embed widget, click Generate.
3Copy the iframe code and paste it into your page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Webhook

Embed a value pushed to your dashboard from any system

Push a value to your dashboard via a webhook from any system, CI pipelines, backend services, cron jobs, IoT devices, and embed it as a live widget. The display updates the moment a new value arrives, with no polling from your side.

Preview

Payment events

Payment received: $340

Payment received: $340

Subscription renewed: Pro

Payment received: $99

Refund issued: $29

Payment received: $149

New subscriber: Enterprise

07:52 PM

Webhook

How to embed

1Add a Webhook widget and copy the push URL shown in the setup.
2Send a POST request to that URL whenever you have a new value.
3Right-click the widget, choose Embed widget, click Generate, and paste the iframe.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Uptime monitor

Show your service status in real time

Embed a live uptime widget that turns green when your domain resolves correctly and red when it does not. Useful on status pages, landing pages, or anywhere you want to show visitors that your service is running without linking to a third-party status page.

Preview

104.21.50.1

api.yourservice.com

07:52 PM · 5m

Domain

How to embed

1Add a Domain monitor widget and enter your domain or hostname.
2Right-click the widget, choose Embed widget, click Generate.
3Paste the iframe into your status page or site footer.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Postgres

Embed a live Postgres connection status

Monitor whether your Postgres database is reachable and embed that status anywhere. Useful on internal dashboards, ops pages, or status sites where you want a quick health indicator for your database without exposing any credentials.

Preview

db.yourservice.com

Production DB

07:52 PM · 1m

PostgreSQL

How to embed

1Add a Postgres widget and connect your database.
2Right-click the widget, choose Embed widget, click Generate.
3Paste the iframe wherever you want the status to appear.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Postgres

Embed a live table from a Postgres query

Run any SELECT query that returns multiple rows and embed the result as a sortable table. Useful for leaderboards, status summaries, recent activity lists, or any tabular data you want to surface publicly without building a backend.

Preview

userplansignupscountry
alice@example.comPro142US
bob@example.comEnterprise98DE
carol@example.comFree321FR
dan@example.comPro77UK
eve@example.comEnterprise210US

07:52 PM · 1h · Users by plan

SQL Query

How to embed

1Add a SQL query widget, connect your Postgres database, and write a SELECT query that returns multiple rows.
2In the widget settings, choose Table as the display type.
3Right-click the widget, choose Embed widget, click Generate, and paste the code.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="500" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
AI lookup

Embed any value looked up by AI

Describe what you want to track in plain English and 7di looks it up on a schedule using web search. Current gold price, S&P 500, air quality index, approval ratings, sports scores. If it is publicly available online, you can embed it as a live widget.

Preview

US public debt (trillion $)

34.9

07:52 PM · 1d

Live Lookup

How to embed

1Add an AI widget and describe the value you want in plain English.
2Set a refresh interval. Hourly works for most things.
3Right-click the widget, choose Embed widget, click Generate, then paste the code.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
AI alert

Show a live AI-powered status check on your site

Write a condition in plain English, like 'any of my services are down' or 'BTC dropped more than 10% today', and embed the result as a live widget. The AI evaluates the condition on a schedule and the widget shows whether it is currently true or false.

Preview

Any of my services down?

All services are operating normally. Last checked 3 services.

07:52 PM · 5m

Alert

How to embed

1Add an AI alert widget and write the condition you want to check.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe into your page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
AI digest

Embed an AI-generated summary of your dashboard

The AI digest widget reads your entire dashboard on a schedule and writes a plain-language summary of what changed, what is healthy, and what needs attention. Embed it on a team page or internal tool to give anyone a quick status snapshot without opening the dashboard.

Preview

Weekly dashboard summary

ETH is up 8% this week. API response time improved after Tuesday's deploy. Active users hit a new high of 1,420 on Thursday.

07:52 PM · 1d

Digest

How to embed

1Add an AI digest widget and write instructions for what the summary should cover.
2Right-click the widget, choose Embed widget, click Generate.
3Paste the iframe wherever you want the digest to appear.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
News feed

Embed a live news feed on any page

Pick one or more topics, tech, finance, world news, crypto, and embed a live feed of headlines that updates automatically. Good for blogs, community sites, or any page where you want to surface relevant current events without managing a news API yourself.

Preview

Fed holds rates steady as inflation eases toward target
Reuters·18m ago·open
Ethereum layer-2 activity hits all-time high in Q2
The Block·45m ago·open
OpenAI announces new model optimized for coding tasks
TechCrunch·2h ago·open
Solar energy capacity passes 2 TW globally for first time
Bloomberg·5h ago·open

How to embed

1Add a News feed widget and choose the topics you want.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe into your page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
RSS feed

Embed a live RSS feed from any source

Add one or more RSS feed URLs and embed the combined list of recent posts anywhere. Useful for showing your own blog posts, a curated reading list, or updates from any publication that publishes an RSS feed.

Preview

New post: Building a real-time dashboard with 7di embeds
yourblog.com·30m ago·open
Tutorial: Monitoring your Postgres database with zero code
yourblog.com·3h ago·open
Weekly digest: What changed in our stack this week
yourblog.com·1d ago·open

How to embed

1Add an RSS feed widget and paste in the feed URLs you want to follow.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe wherever you want the feed to show up.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Notes

Embed a live note or announcement on your site

Write a note on your dashboard and embed it anywhere. When you update the text, the embed updates instantly without any redeploy. Use it for release notes, status announcements, maintenance windows, or any short-lived message you want to control from one place.

Preview

Release notes
v2.4.1 - July 2026 - Fixed chart rendering on mobile - Improved AI lookup speed - Added embed support for all widget types
Notes

How to embed

1Add a Notes widget and type your content.
2Right-click it, choose Embed widget, click Generate.
3Paste the code anywhere. Edit the note from your dashboard whenever you need to.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Buttons

Embed a button panel that triggers webhooks

Create a set of buttons that each send a POST request to any URL when clicked. You can embed the button panel publicly so visitors or team members can trigger actions, deploy, restart, notify, directly from your site without accessing your dashboard.

Preview

How to embed

1Add a Buttons widget, configure each button with a name and a target URL, and enable public access in the widget settings.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe into your page. Visitors can click the buttons directly.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
NFT image

Display a live NFT image on your site

Show the current image of any NFT or a rotating gallery from a collection. The widget fetches the image directly from the chain so it always reflects the actual current state of the token.

Preview

Singularity #289

Singularity #289

How to embed

1Add an NFT image widget and enter the contract address.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe into your page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="300" height="300"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
GPS tracking

Embed a live GPS tracking map on your site

Connect to a Traccar server and embed a live map showing the current positions of your vehicles, assets, or devices. Useful for fleet operators, delivery businesses, or any project that needs to surface real-time location data on a public or internal page.

Preview

Fleet tracker
2 devices

How to embed

1Add a GPS tracking widget and connect your Traccar server.
2Right-click the widget, choose Embed widget, click Generate.
3Paste the iframe into your page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="600" height="400"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Minecraft server

Show your Minecraft server status on any website

Display whether your Minecraft server is online, how many players are connected, and the current version. Embed it on your server's website or community page so players can check the status without launching the game.

Preview

My server

14/50

07:52 PM · 1m

Minecraft

How to embed

1Add a Minecraft server widget and enter your server hostname.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe into your server site or community page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Minecraft TPS

Embed a live Minecraft server performance chart

Track your server's TPS (ticks per second) or other performance metrics over time and embed them as a live chart. Useful for server operators who want to show performance history to their community or spot lag patterns publicly.

Preview

TPS

19.8

07:52 PM · 30s

TPS

How to embed

1Add a Minecraft performance widget, connect via RCON, and choose the metric to track.
2Right-click it, choose Embed widget, click Generate.
3Paste the iframe into your server page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Minecraft RCON

Display a live Minecraft RCON command result

Run any RCON command on your Minecraft server on a schedule and embed the output. Show the current player list, world time, server stats, or the result of any custom command on your server website.

Preview

Online players

There are 14 players online

07:52 PM · 1m

RCON

How to embed

1Add a Minecraft RCON widget, enter your server details and the command to run.
2Right-click the widget, choose Embed widget, click Generate.
3Paste the iframe into your page.
<iframe
  src="https://7di.vision/embed/YOUR_WIDGET_TOKEN"
  width="400" height="220"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>
Dashboard

Embed your entire dashboard

You can also share and embed a full dashboard page, not just individual widgets. Generate a share link from the sidebar, then use it as an iframe. Every widget on the page will be visible, live, and auto-refreshing.

Steps
1Open the page you want to share in your dashboard.
2Click Share in the left sidebar.
3Click Generate share link, then click Copy embed code.
4Paste the iframe into your site. All widgets refresh every 60 seconds.

Your monitor configs, API keys, and database credentials are never included in the shared view. Only the output values are shown.

Example

<iframe
  src="https://7di.vision/share/YOUR_PAGE_TOKEN"
  width="100%" height="600"
  frameborder="0"
  style="border:none;border-radius:12px;"
></iframe>