Listening Wall
Your listening history as a wall of album covers, sized by play count.
IntermediateWeb appData viz10–20hAI-buildable 5/5no setupworth shipping
Turn scrobble history into a visual grid where the most-played albums are largest. A treemap or packed layout over your own data, with time filtering. The satisfaction is in recognising your own year at a glance.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Load listening history from an export or API
- Albums render as a grid sized by play count
- A time filter scopes to a period
- Hovering shows artist, album and exact play count
- Artwork loads lazily as it scrolls into view
- Missing artwork falls back gracefully rather than breaking layout
- The result exports as an image
The interesting part
- Packing rectangles of varying size without gaps or overflow
- Lazy loading many images without layout shift
- Rate limits when fetching artwork for hundreds of albums
Once it works
- Add an artist view alongside albums
- Add a listening-over-time chart
- Add a year-in-review summary
Suggested stack
reacttypescripttailwindd3-hierarchy