Skip to main content
100%

Sankey Preisverteilung - Figma

• Draft0🔗 Unlisted
Mmaya.cylkowski@gmail.com
Last edited Jan 27, 2026
Created on Jan 27, 2026

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 description

Sankey 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

Similar vizzes