> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# Visualizations

> Chart and table components for rendering analytics data.

GoodData.UI provides React components that render data from the GoodData analytics engine. The chart family in `@gooddata/sdk-ui-charts` covers the common analytical shapes: bar, column, line, area, combo, pie, donut, scatter, bubble, funnel, pyramid, heatmap, treemap, sankey, dependency wheel, waterfall, bullet, Mekko, radar, and headline. Each chart takes measures, attributes to view or stack by, and a `filters` array.

If you already have saved visualizations in your workspace, use [InsightView](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/insightview/index.md). It renders a saved visualization by its identifier, picks the right chart type, and keeps the configuration it was saved with. For tables, use [Pivot table](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/pivot-table/index.md). For list-style rows with inline charts, use [Repeater](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/repeater/index.md). For maps, use the [geo charts](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/geo-chart/index.md). Every chart accepts a shared [chart configuration](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/chart-config/index.md) object for colors, legends, axes, and data labels, and [Charts and plots](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/charts-and-plots/index.md) explains the behavior all of them share.

Pick the component that matches the shape of your data: bar, column, or pie charts for categorical comparisons; line, area, or combo charts for trends over time; headlines and bullet charts for single values against targets; pivot tables for tabular breakdowns; and the geo charts for geographic data.

## Pages

- [Charts and plots](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/charts-and-plots/index.md): Shared behavior of GoodData.UI visual components — responsive sizing, the style and data props model, and the visualization lifecycle callbacks.
- [InsightView](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/insightview/index.md): Render any saved GoodData visualization by reference with the InsightView component.
- [Chart configuration](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/chart-config/index.md): Configure chart appearance, axes, legends, colors, and data labels.
- [Area chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/area-chart/index.md): Display trends over time with filled areas using the AreaChart component.
- [Bar chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/bar-chart/index.md): Display horizontal bar comparisons with the BarChart component.
- [Bubble chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/bubble-chart/index.md): Show three-dimensional data relationships using the BubbleChart component.
- [Bullet chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/bullet-chart/index.md): Compare measures against targets using the BulletChart component.
- [Column chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/column-chart/index.md): Display vertical bar comparisons with the ColumnChart component.
- [Combo chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/combo-chart/index.md): Combine bars and lines in a single visualization with the ComboChart component.
- [Dependency wheel chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/dependency-wheel/index.md): Visualize flows and relationships between categories with the DependencyWheel component.
- [Donut chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/donut-chart/index.md): Show proportions as a ring chart with the DonutChart component.
- [Funnel chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/funnel-chart/index.md): Display sequential stages of a process with the FunnelChart component.
- [Geo area chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/geo-area-chart/index.md): Show geographic data as colored regions on a map with the GeoAreaChart component.
- [Geo chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/geo-chart/index.md): Display geographic data on an interactive map with the GeoChart component.
- [Geo pushpin chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/geo-pushpin-chart/index.md): Plot data points on a map with pushpin markers using the GeoPushpinChart component.
- [Headline](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/headline/index.md): Display a single KPI value or comparison with the Headline component.
- [Heatmap](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/heatmap/index.md): Visualize data density across two dimensions with the Heatmap component.
- [Line chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/line-chart/index.md): Display data trends as connected points with the LineChart component.
- [Mekko chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/mekko-chart/index.md): Compare two measures across variable-width stacked columns with the Mekko component.
- [Pie chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/pie-chart/index.md): Show proportions of a whole with the PieChart component.
- [Pivot table](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/pivot-table/index.md): Display data in a flexible, multi-dimensional table with the PivotTableNext component.
- [Pyramid chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/pyramid-chart/index.md): Show hierarchical data as stacked layers with the PyramidChart component.
- [Radar chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/radar-chart/index.md): Compare measure values across categories on radial axes with the RadarChart component.
- [Repeater](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/repeater/index.md): Render repeated inline visualizations for each data row with the Repeater component.
- [Sankey chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/sankey-chart/index.md): Visualize flow quantities between nodes with the SankeyChart component.
- [Scatter plot](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/scatter-plot/index.md): Show correlation between two measures with the ScatterPlot component.
- [Treemap](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/treemap/index.md): Display hierarchical data as nested rectangles with the Treemap component.
- [Waterfall chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/waterfall-chart/index.md): Show cumulative contributions to a total with the WaterfallChart component.