KendoReact Sankey chart Overview
Sankey charts allow you to create diagrams that visualize changing flows and their distribution between domains. Sankey diagrams suit a variety of use cases like the representation of website traffic, budget breakdowns, energy flow, and others.
The KendoReact Sankey component is part of the KendoReact library of React UI components. It is distributed through NPM under the @progress/kendo-react-charts npm package.
The KendoReact Sankey diagram includes the following customizable elements:
- nodes—The node is a rectangular element that is being connected.
- links—The lines that connect the nodes to each other. The greater the value of the link, the greater the width of the link will be.
- labels—The labels are the names of the nodes and are displayed on them or next to them.
The following example demonstrates the KendoReact Sankey chart in action.
The procedures for installing, importing, and using all components from the KendoReact Charts library are identical. To learn how to use the Sankey chart and the rest of the components from the package, see the Getting Started with the KendoReact Charts guide.
Key Features
- Customization—The KendoReact Sankey diagram gives you complete control over the styles and positions of the nodes through the
links,nodes,labels, anddataproperties. - Events—The Sankey diagram exposes various events that allow you to extend and tailor the functionality of the component.
