Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Spotyfy Track Merge

Public visualization

Spotyfy Track Merge

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

This example visualizes Spotify track features across multiple genres using a bar-chart interface. It shows how audio attributes like danceability, energy, and liveness vary between tracks, with a slider controlling the number of sections displayed. The visualization uses React for component state and rendering, while d3-array and d3-scale handle data parsing and linear scaling. SVG elements are generated for the chart, and a d3.Delaunay-based Voronoi overlay enables interactive hover tooltips that display track metadata. The data comes from an iris.csv file containing Spotify track attributes, rendered with a purple-to-teal color gradient.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed