Viewing a saved revision (read-only)
1f55e422ffc5408e8d354a1c5eabfc54
Preisverteilung
This visualization shows the distribution of a music streaming subscription price among value-added tax, the platform, artists, and record labels using a vertical Sankey diagram. The flow starts with the subscription price at the top and branches downward, with the artist's share routed straight down and the other shares positioned to alternating sides. Built with D3 v7 and React, the implementation uses cubic Bézier curves to draw the flows and custom node positioning logic, while the ResizeObserver API handles responsive resizing of the SVG.
AI-generated descriptionMusic Streaming Subscription Income Distribution
A D3.js and React visualization showing a horizontal Sankey diagram where music streaming subscription income (Abopreis) gets divided among different parties:
- Abopreis (center): The initial subscription price
- Mehrwertsteuer (left): VAT/Sales tax flowing to the left
- Plattform, Künstler, Label (right): Distribution to platform, artists, and record labels
Features
- Horizontal flow visualization with VAT branching left
- Responsive design that adapts to window resizing
- Smooth curved paths between nodes
- Color-coded flows (orange for VAT, blue for others)
- Interactive hover effects
- Clean node visualization with labels