Embed using iFrame (Not Recommended approach)

Usage

Quick Usage

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
    <iframe
      src="https://demo.usedatabrain.com/?token=be25267d-0f07-43eb-bcee-fc274060ed42&dashboardId=client+dashboard+s3&configId=00aeec45-54af-452a-8840-5fd393a579b3&embed=true"
      frameborder="0"
      width="100%"
      height="100%"
    ></iframe>
  </body>
</html>

You would require to generate the demo URL first. For eg:

https://demo.usedatabrain.com/?token="your guest token"&dashboardId="dashboard id"&embed=true

For generating the required params see:

Token

Dashboard ID

Metric ID

Make sure to add embed=true at the end of the URL, to embed the dashboard or metric in iFrame.

Embedding Setup

MCP Server

Framework Integration

Component Options

Authentication & Security

Filtering & Personalization

Customization

Events & Interactions

End-User Features

AI Chat Mode

Self-Hosted Deployment

Solution Patterns

Testing & Debugging

Migration & Legacy

Additional Resources

Embed using iFrame (Not Recommended approach)

Embed using iFrame (Not Recommended approach)

Usage

Quick Usage

Token

Dashboard ID

Metric ID

​Embed using iFrame (Not Recommended approach)

​Usage

​Quick Usage

Token

Dashboard ID

Metric ID

Embed using iFrame (Not Recommended approach)

Usage

Quick Usage