🔗 Unlisted
Viewing a saved revision (read-only)
56c305a1f92f4c10a5f7ddd9c811a091
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 descriptionVertical Sankey Diagram
A D3.js and React visualization showing a vertical Sankey diagram where:
- The main flow starts from the left and flows downward through the center
- Branches split off to the right
- The main flow width decreases as branches split away
- All flows are proportional to their values
Features
- Responsive design that adapts to window resizing
- Smooth curved paths between nodes
- Interactive hover effects
- Clean node visualization with labels