Sankey Preisverteilung - Figma
• Draft0🔗 Unlisted
This dark-themed visualization breaks down a €12.99 music streaming subscription, tracing its distribution through a vertical Sankey diagram from the gross price through taxes and net revenue to artists, labels, publishers, and streaming platforms. The React application uses d3.v7 for layout calculations and renders custom SVG paths via a custom layout engine, with interactive hover effects and responsive resizing. Flow widths are scaled proportionally to monetary amounts, and each recipient is labeled with its percentage and euro value.
AI-generated descriptionSankey Diagram - Music Streaming Revenue Distribution
A React-based interactive Sankey diagram showing how music streaming subscription revenue is distributed among artists, labels, platforms, and other stakeholders.
Features
- 📊 Data-driven flow visualization
- 🎨 Beautiful gradient paths with branching flows
- 📱 Responsive SVG rendering
- ⚙️ Modular, reusable architecture
- 🎯 Support for hierarchical flow distributions
Project Structure
MIT Licensed