← ulyssies.com

003

SpotYourVibe

An interactive map of Spotify listening history, genres, artists, and taste clusters.

Python FastAPI Next.js 14 TypeScript Supabase D3.js Spotify API
Spotify approval pending

Spotify's stats pages show you a top-10 list and call it done. I wanted to actually understand how my taste is structured: how genres connect, which subgenres dominate, and how my listening shifts over time. So I built a full-stack app that maps it as an interactive graph.

01
Auth
Spotify OAuth connects the account and stores a JWT session.
02
Sync
Top tracks and artists are pulled into Supabase.
03
Enrich
Artist genres are enriched with Spotify and Last.fm fallback data.
04
Map
D3 renders parent genres, subgenres, and artists as connected nodes.
05
Explore
Clicking a node pins it for deeper listening-history inspection.
ARCHITECTURE

Spotify OAuth, Supabase persistence, D3 graph interface

User Spotify OAuth FastAPI Supabase Genre Enrich Map Endpoint D3 Graph login access token tracks + artists Spotify + Last.fm graph data User Spotify FastAPI Supabase Genres Map D3 Graph login access token tracks + artists Spotify + Last.fm graph data
168
commits
Solo
full-stack build
D3 + OAuth
interactive graph stack