background

KendoReact

React Sankey Chart

  • Easily create diagrams that visualize changing flows and their distribution between domains.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Sankey Chart Header
  • Overview

    The KendoReact Sankey Chart enables you to easily create diagrams that visualize changing flows and their distribution between domains. The Sankey diagrams are ideal for a variety of use cases, including website traffic, budget breakdowns, energy flow, and more. 

    See the React Sankey Chart overview demo  
     

    Sankey Chart Overview
  • Customization

    You have multiple options to customize the KendoReact Sankey diagram: 

    • By configuring the properties for all Sankey diagram elements 
    • By using the data property to apply the desired styles to specific instances 
    • By using the style property to apply component-wide styles 

    See the React Sankey Chart Customization demo

  • Events

    The KendoReact Sankey Diagram generates different events enabling you to tailor the component behavior based on your needs:

    • onNodeEnter – fires when the users enters a node 
    • onNodeLeave – fires when the user leaves a node 
    • onLinkEnter – fires when the user enters a link 
    • onLinkLeave – fires when the user leaves a link

    See the React Sankey Chart Events demo
     

All KendoReact Components

Next Steps