Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Emo Tree

Public visualization

Viewing a saved revision (read-only)

23587a8b33804b4b8e5e37000bf8c256

Emo Tree

0 stars0🌍 Public
OOxfordComma
Last edited Apr 5, 2019
Created on Apr 5, 2019
Forked from Project: Tree

The Emo Tree visualizes the top 20 artists from a Last.fm listening history, organized by music genre in a hierarchical tree layout. Genre nodes branch into artist leaves, with each artist’s text size and color (via a plasma sequential scale) encoding their total play count. The visualization uses d3.cluster, d3.hierarchy, and d3.linkHorizontal to compute and draw the tree, while d3.zoom enables panning. Data is loaded from a CSV and JSON file, with artists filtered to those exceeding five plays, and all rendering is done as SVG.

AI-generated description

This data is collected by a service called last.fm, which has been aggregating my music plays via iTunes and Spotify since 2008. The data shows the top 20 artists by play count, as tracked by the service. The data was accessed from my profile via a service called last.fm to csv, using my username (philosiphicus).