Skip to main content
🔗 Unlisted

Share visualization

Send this visualization to others.

Sankey Preisverteilung - Figma

Unlisted visualization

Anyone with the link can view this unlisted visualization. Posting it publicly will make the link discoverable.

Viewing a saved revision (read-only)

963928ae2d5641018ca073212a08abef

Sankey Preisverteilung - Figma

0 stars0🔗 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