Skip to main content
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

Generate expirable URLs and tokens to serve Lightdash content to users in your own application

How to Embed Dashboards

Embed a full Lightdash dashboard with filters, exports, and interactive tiles using an iframe or the React SDK

How to Embed Charts

Embed a single saved Lightdash chart with a minimal, read-only UI using the 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

Embed the metrics catalog so your users can 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