Index in React Sankey Chart component

13 Mar 20261 minute to read

A Sankey Chart is a visualization that displays the flow of values from one set of categories to another. It uses nodes to represent categories and links to show the connections and flow magnitudes between them. All elements are rendered using Scalable Vector Graphics (SVG).

Key Features

• Visualize Flows - Display weighted flows and relationships between categories using nodes and links.
• Node Customization - Customize node appearance, size, colors, opacity, and positioning.
• Link Styling - Control link appearance with color blending, opacity levels, and curvature settings.
• Interactive Labels - Display and style node labels with customizable fonts, sizes, and padding.
• Legend Support - Include an interactive legend to identify and highlight different categories.
• Tooltips - Display custom tooltips on nodes and links with formatted information.
• Title and Subtitle - Add descriptive titles with customizable text styling.
• Multiple Orientations - Support for Horizontal and Vertical flow orientations.
• Right-to-Left (RTL) Support - Full RTL support for languages that read right to left.
• Print and Export - Export the Sankey Chart to PNG, JPEG, SVG, or PDF formats.
• Rich Interactions - Interactive features including hover effects, click events, and item highlighting.
• Themes - Multiple built-in themes for consistent styling across your application.