Emo Tree

100%

✓ Published0🌍 Public

Last edited Apr 5, 2019

Created on Apr 5, 2019

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).

MIT Licensed

Similar vizzes

Loading thumbnail…

Project: Tree

This visualization displays a hierarchical tree of music genres, with individual artists attached as leaf nodes based on their deepest associated genre. The layout uses a d3.cluster tree, with artist nodes positioned at a fixed depth and colored by play count using a d3.scaleSequential with the interpolatePlasma color scheme. Data is loaded from a CSV file of Last.fm listening history and a JSON genre hierarchy. The code employs d3.hierarchy, d3.linkHorizontal, and a d3.zoom behavior for panning, rendering all elements as SVG with text labels sized by artist plays.

OOxfordComma

82% match

Loading thumbnail…

Plays over Time

This interactive scatterplot visualizes monthly play counts for a user's top 10 artists from their Last.fm listening history. Each circle represents one artist’s plays in a given month, colored by artist, with a clickable legend that filters the view to a single artist. The visualization uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal with a categorical color scheme, rendering as SVG. Data is loaded via d3.csv from a hosted CSV file.

MMukund Khandelwal

68% match

Loading thumbnail…

Plays over Time-test

This visualization shows the monthly play counts for a user’s top 10 most-listened artists on Last.fm, with each artist represented as a colored dot positioned by time on the x-axis and play count on the y-axis. A clickable color legend filters the scatterplot to highlight a single artist’s data while dimming others. The code uses d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal with schemeCategory10, and d3.axisBottom/axisLeft, rendering SVG circles. Data is loaded from a CSV via d3.csv.

MMukund Khandelwal

67% match

Loading thumbnail…

Plays over Time with Dropdown

This visualization shows the monthly play counts for a user’s top 10 artists from Last.fm, with each artist represented as a colored dot over time. A dropdown menu and clickable legend allow filtering to a single artist, dimming other points via opacity transitions. Built with D3 v5 (d3-scale, d3-axis, d3-selection), it uses SVG rendering with animated transitions on selection change. Data is loaded from a CSV of parsed Last.fm exports and reshaped into long format.

OOxfordComma

67% match

Loading thumbnail…

Plays over Time with Multiple Dropdowns

This visualization displays the monthly play counts for a user’s top 10 most listened-to artists on Last.fm. Two dropdown menus let the viewer filter the data by artist and year, while a clickable color legend highlights or isolates a selected artist’s points. The scatterplot uses D3 v5 scales and axes, with animated transitions on the circles. Data is loaded from a CSV file and parsed into monthly aggregates.

OOxfordComma

67% match

Loading thumbnail…

data vis hw3

This interactive dashboard explores a Spotify dataset, displaying a genre treemap alongside a bar chart of track counts for the top 10 artists within a selected genre. The interface includes 64 small scatter plots comparing musical attributes for the chosen genre, with a highlighted overlay for a selected artist. Built with React and D3 v7, the visualization uses SVG rendering, d3.treemap for the genre hierarchy, d3.scaleBand for the bar chart, and d3.scaleLinear for the scatter plots. Users can click the treemap to change genres and bar chart bars to filter artists.

Yyeeet0421

67% match

Loading thumbnail…

Plays over Time

This interactive scatterplot displays the monthly play counts for a user’s top 10 Last.fm artists over time, with each colored circle representing one artist’s plays in a given month. Clicking an item in the color legend filters the view to that artist, dimming other points. The visualization uses d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/Left within an SVG rendered via D3 v5, with data parsed from a CSV file containing plays per artist per month.

MMukund Khandelwal

67% match

Loading thumbnail…

Plays over Time with Dropdown

This visualization shows the monthly play counts for a user's top 10 most listened-to artists on Last.fm, with each artist represented by colored circles. A dropdown menu and clickable legend filter the scatterplot to highlight a single artist’s data over time. The code uses d3.csv for data loading, d3.scaleTime and d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 for colors, and SVG transitions to animate opacity changes when filtering.

KKeerthiKandadai

66% match