Embeddable Documentation
Embeddable is a developer toolkit to build fast, fully-custom analytics experiences into your app.
Why Embeddable?
Embeddable helps you build remarkable analytics experiences in your product - no clunky iFrames in sight.
Define Data Models and Components in your codebase, then use our SDK to expose them in a powerful no-code builder for your team. The result is the ability to build, edit, deploy, and scale customer-facing data experiences — designed by your product team, built by engineering, and maintained by customer-facing and data teams. Exactly as it should be.
-
Native Feel - Drop a simple web component (
<em-beddable>
) into your site or app, and let Embeddable handle the rest. No iframes or unstyled add-ons - your dashboards adopt the look and feel of your product. -
No-Code + Full-Code - Non-technical users drag and drop charts, filters, and controls, while developers retain control over React components, data models, and row-level security.
-
Secure & Row-Level Aware - Generate security tokens to strictly control which data each user sees. Filter out sensitive rows, apply schema-level security, or switch entire databases per user if needed.
-
Model Data Once - Define your metrics, dimensions, and transformations in code. The no-code builder then exposes these for easy selection - no repeated SQL queries or one-off scripts.
-
Performance & Scalability - Leverage caching and advanced pre-aggregations to keep your data fast, even at scale.
How It Works
Define Data Models
In code, describe where your data comes from and how it's organised (e.g. "orders", "revenue", or "customers").
Build or Use Starter Components
Pick from Embeddable’s growing starter library, or define your own React components, pushing them to Embeddable using the SDK.
No-Code Assembly
Team members use Embeddable’s dashboard builder to craft and iterate on interactive dashboards, without code.
Publish & Embed
With a single token
from Embeddable’s API, you can embed each published dashboard anywhere.
Join the Community
- Explore how leading teams unify data from multiple services using Embeddable.
- Discuss tips, best practices, and advanced scenarios (like single-tenancy) in our forums.
- Contribute to our starter components or build your own custom components.
Walkthrough Video
- 00:00 (opens in a new tab) What is Embeddable?
- 00:39 (opens in a new tab) Getting started with the SDK
- 02:38 (opens in a new tab) The no-code builder
- 03:06 (opens in a new tab) Using your React.js components in Embeddable
- 05:54 (opens in a new tab) Populating a pie chart from a dataset
- 07:43 (opens in a new tab) Data modeling 101
- 11:42 (opens in a new tab) Adding interactivity
- 15:25 (opens in a new tab) Publishing changes to your dashboard
- 17:53 (opens in a new tab) Embedding your dashboard
- 19:23 (opens in a new tab) Implementing row-level security