Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Project: Stacked Line

Public visualization

Viewing a saved revision (read-only)

b44ad59912da49d29666eedf2ba9909b

Project: Stacked Line

1 star1🌍 Public
OOxfordComma
Last edited Nov 23, 2018
Created on Oct 22, 2018

This example visualizes music listening habits from a last.fm profile, showing stacked area charts of play counts per genre across the weeks of 2018. A color legend allows clicking to highlight or isolate a single genre, which re-renders the chart with smooth transitions. The visualization uses D3 v5 APIs including `d3.stack`, `d3.area`, `d3.scaleOrdinal`, and `d3.scaleLinear`, with SVG paths and animated transitions for interactivity. Data is loaded from a CSV and a nested JSON genre hierarchy, processed into weekly aggregates.

AI-generated description

This dataset is from my last.fm profile (pulled using this service).