background

Kendo UI for Angular

Angular Sankey Diagram

  • Easily create diagrams that visualize changing flows and their distribution between domains.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Sankey Chart Header
  • Overview

    The Kendo UI for Angular Sankey Diagram enables you to easily create diagrams that visualize changing flows and their distribution between domains. It is ideal for a variety of use cases, including website traffic, budget breakdowns, energy flow, and more.  

    The component includes a variety of customizable elements, including:

    • Nodes
    • Links  
    • Labels  
    • Legens  
    • Title  
    • Tooltip  

    See the Angular Sankey Diagram Overview Demo 

    Sankey Chart Overview
  • Customization

    You can easily customize the Kendo UI for Angular Sankey diagram by configuring defaults for all elements or by using the data property to apply a desired style only to a specific instance.

    See the Angular Sankey Diagram Customization Demo 

  • Export Options

    The Sankey diagram includes built-in support for Image, PDF, and SVG export.  

    See the Angular Sankey Diagram Export Demo 

  • Auto-Layout

    The component automatically rearranges the nodes and their corresponding links for improved visual appearance and readability.  

    See the Angular Sankey Diagram Auto-Layout Demo 

  • Accessibility

    The Sankey Diagram comes with built-in accessibility support, enabling users with disabilities to fully utilize its capabilities. The component is compliant with WCAG 2.2 AA standards and Section 508 requirements.  

    See the Angular Sankey Diagram Accessibility demo  

    Accessibility 2024
  • Keyboard Navigation

    The Kendo UI for Angular Sankey Chart supports keyboard navigation enabled out of the box, so the main interactive parts of the component are reachable through the keyboard.  

    See the Angular Sankey Chart Keyboard Navigation demo  

    keyboard navigation

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka