🌍 Public
Viewing a saved revision (read-only)
fe3b201cbd314478826180fa2bc9c968
SANKEY TEST
This Sankey diagram visualizes the breakdown of a 10.99€ financial flow, tracing how the total splits into VAT and net amounts, then branches through streaming royalties, publishing rights, and performer shares. Rendered as a React component using SVG, it defines nodes and flows as typed data structures with manual positioning. The visualization uses custom path generators to create smooth Bezier curves for both main vertical flows and side branches, with flow width scaled proportionally to value.
AI-generated descriptionSankey Diagram Component
A modular D3.js-based Sankey diagram visualization with interactive hover effects and customizable styling.
Features
- Interactive hover effects showing connected nodes and links
- Customizable color schemes
- Multiple edge coloring modes (none, path, input, output)
- Configurable styling options
- Modular architecture for easy maintenance