Embedding requires the embedding add-on for Cloud Pro or Enterprise. Get in touch to add embedding to your plan. For self-hosted deployments, follow embedding setup.
Embed
Embedding
Embed Lightdash charts, dashboards, agents, and data apps in your own product
Embed Lightdash charts, dashboards, AI agents, data apps, and the metrics catalog directly in your own product, so your users get self-serve analytics without leaving your app.
You can embed using a simple iframe with an expirable, JWT-scoped URL, or the React SDK for tighter control over layout, theming, and interactivity.
Set up embedding
Embed a dashboard in your application with a server-generated token and an iframe
How to Embed Dashboards
Embed a dashboard with filters, exports, and interactive tiles via iframe or React SDK
How to Embed Charts
Embed a single saved Lightdash chart with a minimal UI via iframe or React SDK
How to embed AI agents
Embed a Lightdash AI agent so your users can chat with their data inside your product
How to embed the metrics catalog
Let your users browse a project's metrics and dimensions without a Lightdash login
How to embed data apps
Embed a Lightdash data app as standalone content in an iframe using a JWT-scoped preview token
Embedding reference
Complete API reference for embedding Lightdash content securely using JWTs
Embedding with iframe
Complete reference for embedding Lightdash content using iframes with JWTs in URL hash fragments
Embedding with React SDK
Components, props, and hooks for embedding Lightdash content in a React or Next.js app
How to translate embedded dashboards
Serve an embedded dashboard in each viewer's own language, including the values inside the cells
Was this page helpful?