Skip to content
Request a demo

Embedding

Embed GoodData content at different levels — full dashboards, individual visualizations, or custom visualizations using your own charting library — and apply theming.

Embed GoodData content at the level that fits your app: render an entire dashboard, show saved visualizations inline, or build custom visualizations on GoodData’s execution pipeline. To embed without React, see Web Components.

Embed dashboards

Choose among a built-in dashboard embedded through an iframe, the Dashboard component, and a custom dashboard by comparing their integration, customization, and implementation trade-offs.

Embed visualizations

Render a visualization saved in Analyze with InsightView by getting its identifier, importing the component and styles, and setting its insight prop.

Custom visualizations

Understand the hooks, components, and backend API that feed custom visualizations, and how series, slices, and data points structure the result.

Build a fully custom frontend

Build an analytics screen with no GoodData visual components, only your own markup, by driving an execution, a headless attribute filter, a date filter, and a CSV export through GoodData.UI hooks.

Apply theming

Apply custom themes to GoodData.UI dashboards and visualizations by wrapping your app in ThemeProvider.