Number of Tracks per Artist in Spotify Top 100 List

100%

Number of Tracks per Artist in Spotify Top 100 List

✓ Published1🌍 Public

Last edited Sep 26, 2020

Created on Sep 26, 2020

A horizontal bar chart displays the number of songs by each artist in Spotify's Top 100 list for 2018, with lengths sorted descending. It clearly shows the top contributors, such as XXXTENTACION and Post Malone with six tracks each, followed by Drake with four. Using vega-lite-api, the chart encodes artist names on the x-axis and counts on the y-axis, with data loaded via D3's csv parser from the linked GitHub dataset. The visualization applies custom axis and label styling through a config object.

AI-generated description

The bar chart shows the number of songs per artists in Spotify Top 100 List in 2018. We can see clearly who appeared in the top 100 most.For example,the top three artists with most songs in the list are: XXXTENTACION: 6 tracks,Post Malone: 6 tracks, Drake: 4 tracks. Data:Top Spotify Tracks of 2018.

MIT Licensed

Similar vizzes

Loading thumbnail…

Top 10 Artists Bar Chart - Spotify Peak Position

This visualization displays the top 10 artists on Spotify based on a user-selected metric, such as peak streams or total streams, using a horizontal bar chart with a logarithmic x-axis. Each bar’s length represents the aggregated value for that artist, and hovering over a bar reveals a tooltip with details like song counts and peak positions. The chart is built with D3 v7, using `scaleLog` and `scaleBand` for scales, `axisBottom` and `axisLeft` for axes, and a dropdown menu to switch between metrics. Data is sourced from a CSV file of Spotify’s top 10,000 songs and processed with `flatGroup`.

Fflanagancarlie@gmail.com

74% match

Loading thumbnail…

Stylized Bar Chart - Top 100 Songs Of Spotify

This visualization displays the danceability scores of the top 100 Spotify songs from 2018, ranked by artist as horizontal bars. Each bar’s length encodes the numeric danceability value using d3.scaleLinear, while artist names are positioned along the y-axis with d3.scaleBand. The React components render SVG elements, with axes generated by custom AxisBottom and AxisLeft components. Data is loaded via d3.csv from a GitHub-hosted dataset, and tooltips appear on hover using native SVG title elements.

Ssamemurk21

71% match

Loading thumbnail…

Spotify Peak Position Scatter Plot Simple

This scatter plot visualizes the relationship between the number of songs each artist has in Spotify’s Top 10,000 chart and their highest peak position, using a dataset of Spotify songs. The visualization uses a simple, axis-less scatter plot with circles colored by opacity to show data density. The code employs `d3.scaleLinear` and `d3.extent` to map data values to plot coordinates, and uses `d3.flatGroup` to aggregate the raw CSV data by artist. The plot is rendered using D3.js within a full-window SVG.

Fflanagancarlie@gmail.com

70% match

Loading thumbnail…

Top Artists Small Multiples - Spotify Peak Position Scatter Plot

This visualization uses small multiples to display scatter plots for the top ten artists, plotting each song's peak position against total streams. Each artist is shown in a separate panel, with logarithmic axes and points colored by the number of songs at the artist's maximum position. The color legend allows interactive highlighting of specific values, and hovering over points reveals song details via a tooltip. Built with D3 v7, it uses `scaleLog` for axes, `scaleOrdinal` for color, and `csvParse` to load and process Spotify song data.

Fflanagancarlie@gmail.com

70% match

Loading thumbnail…

Spotify_Vertical Stylized Bar Chart

This interactive visualization explores the distribution of audio features across a Spotify tracks dataset. It displays a vertical, stylized bar chart where each bar represents the count of tracks within a specific numerical bin for a user-selected attribute, such as popularity or danceability. The chart is built with React and D3 v7, using `d3.histogram()` and `scaleLinear` to compute and map the bins. A line overlay charts the average popularity for each bin, while dropdown menus allow users to switch between attributes and adjust the number of bins. The visualization renders as SVG and includes dual axes and a color legend to simultaneously show track counts and average popularity.

Sstephanie0215

69% match

Loading thumbnail…

Interactions - Spotify Peak Position Scatter Plot

This interactive scatter plot visualizes Spotify’s top 10,000 songs, aggregated by artist to show the relationship between an artist’s number of songs in the dataset and their peak chart position, peak streams, or total streams. Dropdown menus allow switching between different y-axis metrics and filtering the dataset size. Hovering over a point reveals a tooltip with artist-specific details, while an interactive color legend highlights artists by their number of songs at max position. The visualization uses D3 v7 with logarithmic scales, `scaleOrdinal` for color encoding, and `.on('mouseover')` events for tooltips, built with modular ES6 imports.

Fflanagancarlie@gmail.com

68% match

Loading thumbnail…

The top 100 songs of 2018

This visualization displays the relationship between danceability and duration for the top 100 songs of 2018, using a bar chart where each bar represents a song’s profit by company and industry. The code employs Vega-Lite API with D3’s CSV loader to fetch data from a GitHub repository, rendering bars with configurable opacity and binning. Tooltips reveal song names, while axes and colors are customized via the `config.js` file to improve readability against a dark background.

OOday4

68% match

Loading thumbnail…

Spotify Artist Peak Positions

This interactive scatter plot visualizes Spotify artists' peak chart positions, with each circle representing a song's performance over time. A dropdown menu allows users to select different color attributes, while a color legend displays the corresponding categories. Built with D3 v7, the visualization uses SVG rendering and animated transitions to position circles along time-based x-axis and numerical y-axis coordinates. The plot reads data from an external CSV file and includes multiple chart sections showing top artists and streaming statistics.

KKhatera Alizada

68% match