syncfusion-blazor-sankey

Create and customize interactive Syncfusion Blazor Sankey diagrams with data binding and styling.

4|1|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-sankey
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: syncfusion-blazor-sankey
Source: https://github.com/syncfusion/blazor-ui-components-skills/tree/main/skills/syncfusion-blazor-sankey
Command: npx skills add https://github.com/syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-sankey

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a ready-to-use guide for implementing and customizing the Syncfusion Blazor Sankey Diagram (SfSankey) in Blazor applications, enabling rapid visualization of flows with minimal setup.

Core Features & Use Cases

  • Node and link configuration, data binding, and flow magnitude representation for clear, data-driven diagrams.
  • Diagram customization, legends, tooltips, events, and export/print capabilities to build interactive UX.
  • Real-world scenarios include energy-flow visualization, supply-chain mapping, user-journey analysis, and traffic-flow illustrations.

Quick Start

Install the Sankey skill in your workspace and begin asking questions about building and customizing Syncfusion Blazor Sankey diagrams.

Frequently Asked Questions about syncfusion-blazor-sankey

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I bind data to a Sankey diagram in a Blazor app?

You can create interactive Sankey diagrams in Blazor using the SfSankey component to visualize flow magnitudes. It supports node and link data binding, layout orientation, styling, legends, tooltips, and export/print across server, WASM, and hybrid hosting models.

Can I use Syncfusion Blazor Sankey diagrams in both server and WebAssembly hosting models?

Yes, the Syncfusion Blazor Sankey diagram supports Blazor Server, WebAssembly (WASM), and hybrid hosting models. It provides responsive behavior and right-to-left (RTL) support to ensure diagrams render correctly in any Blazor environment.

How do I customize node and link styling in Blazor Sankey diagrams?

You customize Blazor Sankey diagram styling using SankeyNodeSettings and SankeyLinkSettings components. These settings components allow you to configure visual attributes for nodes and links directly through the SfSankey API.

What are common use cases for visualizing data with Sankey diagrams in Blazor?

Common use cases for Sankey diagrams include visualizing energy flows, mapping supply chains, analyzing user journeys, and illustrating traffic flows. They represent data-driven workflows where flow magnitude between nodes needs clear visual representation.

How do I add legends and tooltips to a Blazor Sankey diagram?

You add legends and tooltips to a Blazor Sankey diagram by configuring SankeyLegendSettings and tooltip components. These features build interactive UX by providing contextual data display and categorical identification within the SfSankey visualization.

Does the Syncfusion Blazor Sankey diagram support exporting and printing?

Yes, the Syncfusion Blazor Sankey diagram supports export and print capabilities. You can programmatically trigger these actions through the SfSankey component API to output the interactive diagram for offline viewing.