Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Top 100 Songs w/ Menus

Public visualization

Fork of Top 100 Songs w/ Menus

0 stars1🌍 Public
JJeannine
Last edited Nov 22, 2022
Created on Nov 22, 2022

A scatterplot maps two selectable song attributes against each other for the top 100 Spotify tracks of 2018, with dropdown menus choosing danceability, energy, or other numeric features for the X and Y axes. Using React and D3 v5, the interactive chart renders circles as SVG marks with tooltips and scales axes via `scaleLinear`. The data is loaded as CSV from a GitHub gist, while reusable components like `AxisBottom`, `AxisLeft`, and `Marks` handle the visualization, and `ReactDropdown` provides the menu controls.

AI-generated description

A visualization showing the relationship between danceability and energy of the top 100 songs of 2018.

Comments

Sign in to join the discussion.

MIT Licensed