Redefining Embedded Analytics with AG Studio

If you've ever embedded Power BI or Tableau as an iframe and watched it stick out like a sore thumb, or spent months building a custom dashboarding layer from scratch only to realise you've signed up for a perpetual engineering project — read on.

Contents

1. What is AG Studio?
2. Who is it for?
3. The Problems AG Studio Solves
4. Get Started

What is AG Studio - Embedded Analytics?

AG Studio is a JavaScript dashboarding component that embeds directly into your application. It gives your users a complete self-service reporting experience, with drag-and-drop dashboards, cross-filtering, charts, tables, and an optional AI assistant— all while keeping your data firmly in your own hands.

It is not a SaaS platform. There is no iframe, no external service, and no data leaving your environment. AG Studio runs entirely in your application, in your cloud, under your control.

It is built by the same team behind AG Grid and AG Charts. That means the performance, reliability and depth of customisation you already depend on carries directly into Studio. Your existing theming has a strong foundation to build from, and because of the way it's been architected, you can plug in your own custom widgets too, bringing specialist visualisations for your industry alongside everything that ships out of the box.

Who is AG Studio for?

AG Studio is designed around three distinct user journeys.

The Developer

Think of the developer's role as fire-and-forget. Install the library, define the data sources and field relationships, configure the guardrails, then hand the keys to your report authors:

const App = () => {
  // Define data: Each source is a table
  const data = {
    sources: [{
      id: 'products',
      data: [ /* JSON */ ],
    }],
  };

  return (
    <div style={{ height: '100%', width: '100%' }}>
        <AgStudio data={data} mode="edit" />
    </div>
  );
};

We designed it this way intentionally. Developers shouldn't be the bottleneck every time an analyst needs a new view of their data, so we've moved that responsibility to the people who actually know what they want.

The Report Author

The report author works across both edit and view modes: edit to build and configure dashboards, and view to see exactly how end users will experience them. Using a drag-and-drop canvas and a library of widgets, they can create new pages, add filters, adjust chart types, and control dashboard layout and configuration, all within the guardrails set by the developer and without waiting on engineering.

This is the user who today opens Power BI or builds a spreadsheet because there is no self-service option inside the application they actually work in.

The Report Consumer

The report consumer just sees a dashboard. Polished, interactive, and indistinguishable from the rest of your application. Filters behave reliably, and the filters panel always shows the full filter context, so consumers know exactly what data they're looking at. The experience feels like part of your product, because it is.

The Problems AG Studio Solves

When it comes to adding dashboarding to your application, most teams face the same two options. Embed a SaaS tool and ship fast but trade away control over how it looks, where your data goes, and how your users experience it. Or build it yourself and own everything, only to find you've taken on a project that never really ends. The problems below are what both paths tend to produce. AG Studio is the third option, redefining embedded analytics as something that slots straight into your existing application.

Your dashboards don't look like your application

This is consistently the number one concern we hear from teams evaluating AG Studio. They're not just looking for dashboarding functionality, they need it to be indistinguishable from the rest of their application.

Embedding a third-party BI tool is fast, but that speed comes at the expense of flexibility. You trade away customizability the moment you drop in someone else's product. Users are confronted with UI inconsistencies, a separate authentication flow, and an experience that feels disconnected from the rest of your application. They know they've left your product, even if they haven't

AG Studio's theming system is built directly on top of AG Grid and AG Charts' theming API, using the same design token approach. If you've already themed AG Grid to match your application, AG Studio has a strong foundation to build from. Light mode, dark mode, your brand colours, your typography: it all carries over. And in AG Studio 2.0.0, releasing June 2026, we're shipping a theme builder to make the process even more straightforward.

Your developers are stuck in a loop of bespoke requests

Every time an analyst wants a new report, or a finance team member needs a different breakdown, a developer has to get involved. The backlog fills up with low-complexity but time-consuming requests, and the people who actually need the data are waiting.

And it's not just developers who feel this. Analysts spend months learning tools like Power BI simply because there's no self-service option inside the application they actually work in.

AG Studio solves this with the report author model. Developers configure the data model and define what report authors can access. After that, authors build and modify their own dashboards independently, in an experience designed to be familiar and intuitive from day one. The developer's involvement ends at setup; the author's autonomy begins there.

The developer still has full control over what is and isn't exposed - they can restrict which chart types appear, limit which fields are available, or lock down formatting options entirely. Authors work within those guardrails, not around them.

Your data cannot leave your environment

For many teams, particularly in financial services, healthcare, energy, and enterprise software, data governance is not a preference, it's a requirement. Any dashboarding solution that sends data to an external service is immediately off the table.

AG Studio is a JavaScript library. It runs entirely in your application. Nothing is transmitted back to AG Grid: no telemetry, no usage data, no row data and when the AI assistant is enabled, you supply your own LLM.

Data flows into AG Studio the same way it flows into AG Grid, your application fetches it from your own APIs or databases and hands it over via the dataEngine. Studio never connects to your data sources directly, it only works with what your application chooses to provide.

Building dashboarding in-house is a never-ending project

Many teams have tried building a custom dashboarding layer, whether in-house or outsourced. It starts reasonably enough, but requirements build over time: drag-and-drop layout control, saved views, more widget options, cross-filtering, an edit mode for non-developers. Each of these is individually achievable, but the combination is a significant engineering project, and once built, it becomes a perpetual one.

AG Studio provides the full dashboarding infrastructure out of the box: the widget canvas, the cross-filtering engine, the filter panel, the view/edit mode distinction, and the state management. You wire up your data. AG Studio handles everything else.

TL;DR

• AG Studio is an embedded analytics library for building self-serve dashboards in JavaScript applications.
• It works with any major JavaScript framework, with dedicated support for React, Angular and Vue, and installs from npm.
• It gives report authors self-service dashboard creation without requiring developer involvement for every change.
• The theming system is built on AG Grid and AG Charts so your existing theme carries over.
• Nothing leaves your environment. No data is transmitted to AG Grid.

Get Started

AG Studio is available now with a 45-day free trial licence, which includes access to technical support via Zendesk.