Skip to main content
🔗 Unlisted

Share visualization

Send this visualization to others.

Preisverteilung

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)

717c1ff99c6e435c9582481bf2de4000

Preisverteilung

0 stars1🔗 Unlisted
Mmaya.cylkowski@gmail.com
Last edited Jan 23, 2026
Created on Jan 22, 2026

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 description

Vertical 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