Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Comparison of two different kind of track genre

Public visualization

Viewing a saved revision (read-only)

a4c9afe064b64d91b2e1e1c355506c39

Comparison of two different kind of track genre

2 stars0🌍 Public
Sstephanie0215
Last edited Nov 21, 2022
Created on Nov 15, 2022

This interactive visualization compares audio attributes of two track genres from a Spotify dataset. Users select genres from dropdown menus, and the view displays mirrored horizontal bar charts showing attribute averages (like danceability, energy, and tempo) side by side, with a third bar chart breaking down attribute values in detail. The D3.js v7 scales and SVG rendering handle the chart layout, while React state manages user selections and filters the CSV data, computing averages per genre to support direct comparison.

AI-generated description

A program that loads in some data using D3 utilities, and uses REACT state to keep track of the data.