Nick's Music Listening History

100%

Nick's Music Listening History

✓ Published0🌍 Public

Last edited Oct 8, 2018

Created on Sep 3, 2018

This bar chart displays the top 20 artists from Nick's last.fm listening history, ranked by play count. The visualization uses a linear scale for the x-axis and a band scale for the y-axis, with each bar representing an artist. Built with D3 v5, the chart renders as an SVG and loads data from a CSV file using the `csv` function. Axes are generated with `axisLeft` and `axisBottom`, while bar dimensions are set through `scaleLinear` and `scaleBand`.

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…

Total Plays for Top 10 Artists, By Year

This visualization displays the total monthly play count for the top ten artists on the author's Last.fm profile, aggregated into a single line over time. The chart uses a red line on a white background with gridlines, and the y-axis labels are formatted with abbreviations. Built with D3 v5, the code employs `scaleTime` and `scaleLinear` for scales, `axisBottom` and `axisLeft` for axes, and a `line` generator to draw the path. Data is loaded from a CSV via `csv()`, with monthly dates parsed from year-month strings.

OOxfordComma

74% 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

72% match

Loading thumbnail…

Plays over Time

This visualization shows the monthly play counts for a user's top 10 artists from Last.fm, with each artist represented as a colored scatterplot point over time. The interactive legend, sorted by total plays, allows filtering to isolate a single artist's data by dimming the other points. The chart uses d3.v5's scaleTime, scaleLinear, scaleOrdinal, axisBottom, and axisLeft APIs within an SVG canvas, and is built with the d3 framework.

MMukund Khandelwal

72% 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

72% 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

71% match

Loading thumbnail…

Plays over Time

This scatterplot displays monthly play counts for a user’s top 10 artists, with each circle colored by artist via a d3.scaleOrdinal. A clickable legend (d3.ordinal color legend) filters the visualization to a single artist, dimming others. Data comes from a CSV loaded with d3.csv, and the chart uses d3.axisBottom, d3.axisLeft, and d3.scaleTime to render time and play count axes in SVG.

OOxfordComma

71% 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

71% 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

70% match