Top 100 Songs w/ Menus + Color Legends + Filter
This interactive scatter plot visualizes the relationship between musical attributes of the top 100 Spotify songs of 2018, using dropdown menus to select the X and Y axes and a color filter. The code leverages React and D3 v5 APIs including `scaleLinear`, `scaleOrdinal`, and `extent` for scales, rendering SVG circles from the CSV data. A color legend highlights filtered values, and hovering over legend items fades non-matching data points, with tooltips showing exact values.
AI-generated descriptionA visualization showing the relationship between duration of song and energy of the top 100 songs of 2018.
More insights can be found in this Data Visualization Project.
Energy is a measure from 0.0 to 1.0 and represents a perceptual measure of intensity and activity. Typically, energetic tracks feel fast, loud, and noisy. For example, death metal has high energy, while a Bach prelude scores low on the scale. Perceptual features contributing to this attribute include dynamic range, perceived loudness, timbre, onset rate, and general entropy. key
Mode indicates the modality (major or minor) of a track, the type of scale from which its melodic content is derived. Major is represented by 1 and minor is 0.
The duration of the track in milliseconds.