RadzenSankeyDiagram requires four essential properties to display your data:
Data
- specifies the data source containing flow information.
SourceProperty
- the name of the property that provides the source node identifier.
TargetProperty
- the name of the property that provides the target node identifier.
ValueProperty
- the name of the property that provides the flow value between nodes.
The Sankey Diagram component offers extensive customization options to match your visualization needs:
Color Schemes - Choose from built-in color schemes or define custom colors for nodes and links.
Node Alignment - Control how nodes are positioned vertically with options like Justify, Left, Right, and Center.
Node Dimensions - Adjust node width and padding to optimize the layout for your data.
Labels - Display custom labels for nodes using SourceLabelProperty
and TargetLabelProperty
.
Tooltip Customization - Format values with ValueFormatter
, customize tooltip labels with ValueText
, IncomingText
, OutgoingText
, and FlowText
for internationalization support, and apply custom CSS styles with TooltipStyle
.
Animations - Toggle flow animations on or off with the Animated
property to visualize data movement through the diagram.
Whether you prefer a standalone environment or integration directly within Visual Studio, Radzen provides a powerful toolkit to increase development speed, reduce repetitive coding, and focus on building exceptional applications.
Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles.
Radzen Blazor for Visual Studio extension streamlines Blazor development within the Visual Studio environment. The Blazor extension you need to boost productivity!
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT