Radzen Blazor Sankey Diagram

The Radzen Blazor Sankey Diagram component visualizes flow and relationships between nodes in a system. Perfect for showing how values flow from one set of entities to another, such as energy distribution, budget allocation, or process workflows.

Basic Usage link

RadzenSankeyDiagram requires Data, SourceProperty, TargetProperty, and ValueProperty to display flow data.

Color Scheme link

Use the ColorScheme property to choose from built-in color palettes that automatically style nodes and links.

Node Properties link

Control node layout with NodeAlignment (Justify, Left, Right, Center), NodeWidth, and NodePadding.

Custom Colors link

Define custom colors for individual nodes and links using the NodeFills and LinkFills properties.

Custom Tooltips link

Customize tooltip appearance and content with ValueFormatter, ValueText, IncomingText, OutgoingText, FlowText, and TooltipStyle.

Animation link

Toggle flow animations with the Animated property to visualize data movement through the diagram.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT