Bennett Speir, home
Waxnote logo: a W formed from a vinyl record

Waxnote

Rediscover your playlists. An editorial music concept built around six of my Spotify playlists.

Waxnote landing page introducing six playlist reports through an editorial music analytics interface
View full size

Editorial music analytics

I built Waxnote around six playlists I created on Spotify. Each one becomes an editorial report spanning Overview, Catalog, Audio, and Wrapped.

The reports explore runtime, artists, genres, release patterns, popularity, musical keys, and audio features. No Spotify account connection or backend service is required to explore the included playlists.

Waxnote Overview tab for This Is Bennett showing 1,218 tracks and editorial artwork
Overview View full size

Beyond the dashboard

I wanted to explore richer ways of understanding music collections beyond conventional analytics dashboards. The goal was something that felt less like a database readout and more like flipping through a designed music publication about your own taste.

Working with the available data

Waxnote began as a Spotify-powered analytics idea. Limitations on the planned live features led me to pivot toward a frontend-only concept. That changed how the prototype obtained its data, not whether saved audio-feature values could be used.

For five of the playlists, I built the concept around saved playlist data rather than a live Spotify connection. The imported CSVs already contain audio-feature values, including energy, danceability, valence, tempo, and key. Waxnote summarizes those saved values in the browser instead of fetching them live or calculating them from audio recordings. These exports contain 433 playlist entries, with some tracks appearing in more than one playlist.

For my featured “This Is Bennett” playlist, the report reads its summaries, chart values, and Wrapped content directly from values stored in the application source. Its displayed count is 1,218 tracks. These report values are not calculated from the five imported CSVs.

Waxnote Audio visualization showing the playlist's sonic profile
Audio visualization View full size

A music publication

Waxnote's visual language draws from editorial layouts, music magazines, and annual reports rather than conventional analytics dashboards. Newsreader gives headlines and large statistics a print-like character, while a restrained interface type system keeps navigation and metadata clear. The palette combines near-black, warm white, and lavender with playlist-specific accent colors. Generous spacing, oversized figures, thin rules, and subdued motion reinforce the feeling of browsing a designed music publication.

Waxnote Wrapped chapter showing 1,218 songs in the collection
Wrapped View full size

Design system

  • Display type Newsreader
  • Interface type Sans system
  • Base Near-black / warm white
  • Primary accent Lavender
  • Artwork tones Coral · cream · blue · pink
  • Motion Crossfades · reduced-motion

Engineering

  • Framework React
  • Build Vite
  • Charts Recharts
  • Data Saved playlist data
  • Analytics Browser calculations + stored summaries
  • Layout Responsive · accessible
Waxnote responsive mobile Overview interface presented on a near-black background
Mobile overview View full size

The finished concept

Waxnote became an exploration of how six of my Spotify playlists could become an editorial music experience.