Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of CV: Loading CSV Data

Public visualization

Viewing a saved revision (read-only)

e661c3657bfb4b2b9a02b548e2cfc97d

Fork of CV: Loading CSV Data

0 stars0🌍 Public
Mmaya.cylkowski@gmail.com
Last edited Jan 23, 2026
Created on Jan 23, 2026

This example visualizes the distribution of a €12.99 Spotify subscription price across taxes, streaming services, labels, and artists. It presents a flow diagram where nodes represent revenue categories, with curved Bézier paths drawn on a Canvas element showing monetary values and percentages. The React component calculates financial figures and uses the Canvas 2D API with `bezierCurveTo`, `roundRect`, and custom text rendering to display the breakdown. Hover interactions track nodes through React state, while line thickness corresponds to the proportional value of each revenue stream.

AI-generated description