Radzen Blazor Components
mode_heat

NEW: Radzen Blazor for Visual Studio

The extension brings Radzen’s rich feature set and productivity tools directly into the familiar Visual Studio 2022 environment. Connect to data, design, code seamlessly, and work faster within Visual Studio. Learn More ↗

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 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.

Configuration Options link

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.

info
This example demonstrates the comprehensive configuration options available for the Sankey Diagram component. Experiment with different color schemes, node alignments, dimensions, and tooltip formatting options to customize the visualization for your needs.
Pastel
Justify

Supercharge your Blazor development with Radzen

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.

Pro

Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles.

Learn More
New

Radzen Blazor for Visual Studio

Radzen Blazor for Visual Studio extension streamlines Blazor development within the Visual Studio environment. The Blazor extension you need to boost productivity!

Learn More
>Radzen Blazor Studio

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

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙