AG Grid Studio adds dashboards, charts, grids, and filters to your app without building analytics from scratch. Drag, drop, and ship self-service reporting your users can drive themselves.
Full features during the trial. No watermarks. Engineering support included.
Studio is a complete toolkit for embedded analytics, powered by AG Grid and AG Charts under the hood.
Rearrange and resize charts, grids, and KPI tiles in real time. Build a dashboard by moving pieces, not writing layout code.
Configure everything in edit mode, then hand a clean, read-only reporting view to stakeholders.
Process hundreds of thousands of rows in the browser with joins, aggregations, and computed columns.
Pre-built bar, line, area, pie, and scatter charts, plus grids and KPI tiles, ready to drop into any dashboard.
Explore your data in natural language and generate whole dashboards from a prompt.
Studio shares a theming engine with AG Grid, so your dashboards and grids look like one product out of the box.
Studio is a client-side React component, so it drops into the apps you already build with TanStack.
Install ag-studio-react, hand AgStudio your data sources, and switch on edit mode so users can build reports.
import { AgStudio } from 'ag-studio-react'
// Each source is an id plus an array of plain row objects.
const sources = [
{
id: 'sales',
data: [
{ region: 'EMEA', product: 'Grid', revenue: 128000 },
{ region: 'AMER', product: 'Charts', revenue: 96500 },
{ region: 'APAC', product: 'Studio', revenue: 71200 },
],
},
]
export function Dashboard() {
// Render inside a sized parent; "edit" mode lets users build reports.
return (
<div style={{ height: '100vh', width: '100%' }}>
<AgStudio data={{ sources }} mode="edit" />
</div>
)
}AG Grid Studio requires a commercial license for production use. You can start with a 45-day free trial that includes full features with no watermarks or restrictions, plus direct engineering support during the trial.
AG Grid Enterprise is the data grid component with features like pivoting and the server-side row model. AG Grid Studio is a higher-level toolkit for building complete drag-and-drop analytics dashboards — charts, grids, filters, and KPI tiles — on top of AG Grid and AG Charts.
Studio is built for performance and processes hundreds of thousands of rows in the browser, with joins, aggregations, and computed columns. For very large datasets you can pre-aggregate on your backend and feed the results into Studio.
Yes. Studio supports React, Angular, Vue, and vanilla JavaScript, so it embeds inside a TanStack Start or Router app as a standard client-side component.
Try AG Grid Studio free for 45 days with full features and no watermarks.