AI-built dashboards,
inside your product.

<iframe
  src="https://cloud.vibedasher.com/v/YOUR-DASHBOARD"
  width="100%"
  height="600"
  frameborder="0"
></iframe>

// server-side only — the embed secret never reaches the browser
import { signEmbedToken } from "@vibedasher/client/embed";
 
const token = signEmbedToken({
  embedSecret: process.env.VIBEDASHER_EMBED_SECRET, // per-API-key secret
  keyId: process.env.VIBEDASHER_API_KEY_ID,         // -> kid header
  accountSlug: "acme",                              // -> iss
  vizId: 1275,                                       // the dashboard to render
  filters: { tenant_id: "acme" },                    // ANDed into every query
  viewerId: "user_8842",                             // per-seat metering
  ttlSeconds: 600,                                   // 10 min TTL, max 86400
});
// -> HS256 JWT (aud "vibedasher-embed"), drop it into the iframe URL:
// https://cloud.vibedasher.com/v/YOUR-DASHBOARD?embed_token=${token}

# server-side only — the embed secret never reaches the browser
import os
from vibedasher.embed import sign_embed_token
 
token = sign_embed_token(
    embed_secret=os.environ["VIBEDASHER_EMBED_SECRET"],  # per-API-key secret
    key_id=os.environ["VIBEDASHER_API_KEY_ID"],          # -> kid header
    account_slug="acme",                                  # -> iss
    viz_id=1275,                                           # the dashboard to render
    filters={"tenant_id": "acme"},                        # ANDed into every query
    viewer_id="user_8842",                                # per-seat metering
    ttl_seconds=600,                                       # 10 min TTL, max 86400
)
# -> HS256 JWT (aud "vibedasher-embed"), drop it into the iframe URL:
# https://cloud.vibedasher.com/v/YOUR-DASHBOARD?embed_token={token}

// Ejected into your app by your AI via the Vibedasher MCP.
// You own this file; it renders from our engine through the SDK.
import { Vibedasher } from "@vibedasher/client";
 
const client = new Vibedasher({ apiKey: process.env.VIBEDASHER_API_KEY });
 
// The one call shape every ejected chart uses:
const { columns, rows } = await client.query({
  sql,        // alias-only SQL, composed from your controls
  params,     // { column: value } filters, bound server-side
});
// datasetIds inferred from the SQL — or pass them explicitly.
// Bind by column type: number -> measure, date -> time axis, string -> category.