Skip to main content

Winner of the Embedded Analytics Solution of the Year at the Data Breakthrough Awards 2026

Log inTalk to usStart building
Dashboards as code

Fully interactive dashboards
defined in code

Define dashboards directly in your codebase. Version-controlled, agent-ready, deployed through your existing release process, fully governed and secure

Start buildingGet a demo

In your codebase

Native in your product

Why dashboards as code

A single source of truth in your repo

Dashboards your team can review, version, and ship like any other part of your app

  • Git-native workflow

    Dashboards live alongside your models and components. Full history, branches, PR reviews. No drift between code and configuration.

  • Built for agentic flows

    Iterate from your terminal with Claude Code, Cursor, or Codex. YAML is LLM-friendly by design - the whole dashboard is one file an agent can reason about.

  • Live preview, instant feedback

    Edits to .embeddable.yml hot-reload in embeddable:dev. No page refresh, no rebuild.

  • No-code builder optional

    Define, iterate, and deploy entirely in code. Use the builder when you want to - never required.

  • Duplicate in seconds

    Copy a YAML block to spin up a new dashboard or variant. Stamp out ten as easily as one

Start buildingGet a demo
How Dashboards Run

How it works

From file to deployed dashboard, inside the workflow you already use

  1. your-repo/
    • components
      • datatable.tsx
      • kpichart.tsx
      • linechart.tsx
    • data-models
      • accounts.yml
      • usage.yml
      • transactions.yml
    • dashboards
      • executive-overview.yml
      • sales-performance.yml
      • usage-analytics.yml

    A code-first foundation

    Data models and components that live in your own repo, version-controlled and reviewed. Developers and agents can extend and push these assets to Embeddable using the SDK.

  2. your-repo/
    • components
      • datatable.tsx
      • kpichart.tsx
      • linechart.tsx
    • data-models
      • accounts.yml
      • usage.yml
      • transactions.yml
    • dashboards
      • executive-overview.yml
      • sales-performance.yml
      • usage-analytics.yml

    A world-class component library

    Open source and fully extensible. Use ours, customize, or write your own — by hand or with an agent.

    Preview of an Embeddable chart component
    + 30 more · all open source, all in your repo
  3. your-repo/
    • components
      • datatable.tsx
      • kpichart.tsx
      • linechart.tsx
    • data-models
      • accounts.yml
      • usage.yml
      • transactions.yml
    • dashboards
      • executive-overview.yml
      • sales-performance.yml
      • usage-analytics.yml

    A governed semantic layer

    Cube-based data models define and manage access to your data. Define metrics once yourself or via an AI agent - for consistency, maintainability, and speed.

    accounts.yml
    cubes:
  - name: accounts
    measures:
      - name: revenue
        type: sum
    dimensions:
      - name: tier
        type: string
    8 dashboards
    AI chat
    RLS
  4. your-repo/
    • components
      • datatable.tsx
      • kpichart.tsx
      • linechart.tsx
    • data-models
      • accounts.yml
      • usage.yml
      • transactions.yml
    • dashboards
      • executive-overview.yml
      • sales-performance.yml
      • usage-analytics.yml

    Dashboards, composable in code

    Models and components combine into native data experiences - complete with drilldown, self-serve, and conversational insights - in code, our no-code builder, or by asking an agent.

    executive-overview.yml
    name: Executive overview
models: [accounts, transactions]
components:
  - kpichart:
      value: accounts.revenue
  - linechart:
      data: transactions
  5. your-app.html
    <em-beddable token="49fe..."/>

    Native embedding in one tag

    One web component drops into any app - React, Vue, plain HTML. Native, not an iframe. With server-side security tokens for a seamless experience.

  6. Multi-tenant secure
    Row-level security
    Fast at scale
    Multi-tier caching
    Fully audited
    Every query logged
    Controlled self-serve
    Within your guardrails
    Versioned & reviewed
    Everything in git
    SOC 2 Type II
    Enterprise-grade

    Production-ready from day one

    Multi- and single-tenant secure, fully audited, SOC 2 Type II. We handle the hard infrastructure so you can focus on the experience.

Go Live

Deployment Flow

Build, Test, Deploy

  • 1. Define in code

    Add a YAML file anywhere in your repo. Each entry defines one dashboard - data, charts, filters, interactions, and more.

  • 2. Preview in dev-mode

    Run `embeddable dev` to test your dashboards. Iterate directly or with Claude Code or other LLMs. Hot-reload as you edit.

  • 3. Push to deploy

    Run `embeddable push` to create an immutable saved version. Embed in your platform via a web component (no iFrames). Learn more.

What you can define

Full-fidelity dashboards, expressed as YAML

Interactive, on-brand dashboards with self-serve enabled. All defined in code.

  • Content

    Define the building blocks of your dashboard - datasets, components, and layout - all in one file

  • Interactions

    Wire up the behaviour that makes dashboards feel alive — variables, filters, events, and drilldowns

  • Self-serve

    Configure what your end-users can extend or build themselves - Custom Canvas, fully defined in code

Agentic workflows

Built for agentic development workflows

More teams now use AI tools to scaffold dashboards, models, and UI faster. Embeddable is built for that reality: code stays in your repo, the integration path is programmatic, and the trust layer underneath handles permissions, auditability, and scale.

  • Code stays in your repo
  • CLI-first workflow
  • Permissions and auditability built in
Start buildingGet a demo
Ask us