🌌 Data Visualization + 3D

3D Genre Universe

"56 artists mapped across 6 audio dimensions in 3D space"

The Challenge

Where Do You Fit in the Genre Landscape?

An electronic music artist needed to understand where they fit in the genre landscape relative to peers — for playlist pitching, branding, and identifying collaboration opportunities. Traditional genre categorization is flat and subjective. Music lives in a multi-dimensional space that's impossible to see without the right tools.

The Solution

An Interactive 3D Galaxy of Sound

Built an interactive 3D visualization using Three.js that maps artists across multiple audio dimensions:

✓ 3 primary axes: Valence (happy↔sad), Tempo (slow↔fast), Electronic↔Organic
✓ 6 spike extensions per artist: energy, danceability, emotional depth, lyrical complexity, acousticness, production density
✓ All data pulled from Spotify's audio features API — real data, not guesswork
✓ UnrealBloom post-processing for gorgeous glow effects
✓ Full orbit controls — zoom, pan, rotate the entire universe

How It Works

Data → 3D Universe

🎵

Spotify API

Audio features

📊

Feature Extraction

6 dimensions

📐

3D Positioning

Algorithm

✨

Three.js Scene

Interactive

🌟

Bloom Effects

Post-processing

Tech Stack

Built With

Three.js Spotify API Python OrbitControls UnrealBloomPass CSS2DRenderer WebGL

Results

Impact at a Glance

Artists Mapped

Audio Dimensions

Interactive Exploration

Real

Spotify Data

Collaborators Found

Product Preview

The 3D Universe

genre-universe.app — 56 artists loaded

Odesza

Flume

Your Artist

Bonobo

Tycho

Rufus

Caribou

Four Tet

Jamie xx

Petit Biscuit

← Sad

Happy →

Electronic ↑

Organic ↑

High energy

Mid energy

Low energy

Want something like this?

Let's create stunning data visualizations for your project.

Get in Touch →