Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Spotify Dataset Basic Scatter Plot with React & D3

Public visualization

Viewing a saved revision (read-only)

bf7c6fca6792472b965206ae85d9e850

Spotify Dataset Basic Scatter Plot with React & D3

0 stars2🌍 Public
JJose Morales
Last edited Sep 11, 2025
Created on Sep 11, 2025

This example shows a basic scatter plot of Spotify track data, mapping song duration in milliseconds along the x-axis against track popularity on the y-axis. Each circle represents one of 500 songs from a Kaggle dataset subset. Using React hooks to load the CSV file, the rendering delegates to a D3 function that applies `scaleLinear` and `extent` to compute the scales. The D3 `select` and `join` methods create the circle elements.

AI-generated description