Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

RIAA Music Format Historical Trends

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

67521fac03a54082bc18c8124f84ee36

Open

RIAA Music Format Historical Trends

0 stars0🌍 Public
CCurran Kelleher
Last edited Oct 30, 2026
Created on Oct 6, 2025

This streamgraph visualizes the changing revenue of music formats in the US from 1973 to 2019, using data from the RIAA. The chart, built with React and D3.js, stacks area layers for formats like CD, Cassette, and Streaming, with automatic label placement via `d3-area-label`. The visualization applies a blur to the data before stacking with a wiggle offset, and employs `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` for scales. An x-axis with grid lines is rendered using `d3.axisBottom`.

AI-generated description

Streamgraph with d3-area-label

This project demonstrates a streamgraph visualization using D3.js with automatic label placement using the d3-area-label library.

Features

  • Stacked area chart (streamgraph) showing revenue data by format over time
  • Automatic label placement using d3-area-label
  • Interactive visualization built with React and D3.js

Dependencies

  • React 19.1.0
  • D3.js 7.9.0
  • d3-area-label 1.6.0

Files

  • index.html - Main HTML file with import maps
  • index.js - React application entry point
  • App.js - Main React component
  • viz.js - D3 visualization logic with area labels
  • axis.js - Axis rendering
  • axis-labels.js - Axis label rendering
  • colors.js - Color scheme definition
  • data.csv - Sample revenue data