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.