Viewing a saved revision (read-only)
bc6d129f396c47af92089d2a244818f9
SPOTIFY DATA
A dot-density plot visualizes global income inequality by clustering colored dots for each salary bracket, from under $5,000 to over $5 million, with the width and density of each cluster reflecting population size. The visualization uses matplotlib's `scatter` with jittered positions, a dark theme with high-contrast green dots, and a yellow dashed `axhline` marking the minimum wage threshold, accompanied by a German-language annotation. Data comes from hardcoded income category counts in a configuration file, with a Python script generating the plot via NumPy's random uniform distribution for jitter.
AI-generated descriptionMusic Streaming Revenue Distribution
An interactive Sankey diagram visualization showing how music streaming revenue (β¬9.99) is distributed among various stakeholders in the music industry.
Overview
This visualization breaks down the flow of money from a typical music streaming subscription:
- Total Revenue: β¬9.99
- Tax (MWST): β¬1.60
- Net Revenue: β¬8.39
The net revenue then flows through:
- Streaming Service: β¬2.52
- Royalty Pool (Tantiemen): β¬5.87
The royalty pool is further divided into:
- Performance Rights: β¬4.62
- Labels: β¬3.56
- Artists (Interpret:innen): β¬1.06
- Copyright: β¬1.25
- Music Publishers (Musikverlage): β¬0.45
- Composers (Urheber:innen): β¬0.80
Features
- Interactive Flow Diagram: Hover over connections to highlight revenue flows
- Clear Labeling: Each node shows the stakeholder name and amount received
- Visual Flow: Width of connections represents the proportion of money flowing
- Color Coding: Different colors distinguish between various stakeholder types
Data Source
Based on 2022 music streaming revenue distribution data showing the breakdown of a β¬9.99 monthly subscription.
Technical Stack
- D3.js v7: Sankey diagram generation and visualization
- Unidirectional Data Flow: Clean state management
- ES Modules: Modern JavaScript architecture
Interactions
- Hover over flows: See connections highlight
- Hover over nodes: Emphasize specific stakeholders
- Responsive layout: Adapts to container size
Browser Support
Requires a modern browser with ES Module support (Chrome, Firefox, Safari, Edge)