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

# SankeyChart()

- Package: [@gooddata/sdk-ui-charts](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/index.md)
- Kind: function
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-charts/src/charts/sankeyChart/SankeyChart.tsx
- Guides: [Sankey chart](https://www.gooddata.ai/docs/gooddata-ui/latest/visualisations/sankey-chart/index.md)

A Sankey diagram is a type of flow diagram, in which the width of the link between two nodes is shown proportionally to the flow quantity.

**Signature:**

```typescript
export declare function SankeyChart(props: ISankeyChartProps): import("react/jsx-runtime").JSX.Element;
```

## Parameters

| Parameter | Type | Description |
| --- | --- | --- |
| props | [ISankeyChartProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.isankeychartprops/index.md) |  |

**Returns:**

import("react/jsx-runtime").JSX.Element

## Remarks

A Sankey diagram can be displayed with one measure and one or two attributes, where the measure represents the width of the links and the attributes represent the nodes of the links

See [ISankeyChartProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-charts/sdk-ui-charts.isankeychartprops/index.md) to learn how to configure the SankeyChart.