whatisgithub

What is spotify-music-map?

myselfsiddharth/spotify-music-map — explained in plain English

Analysis updated 2026-05-18

2JavaScriptAudience · generalComplexity · 3/5Setup · moderate

In one sentence

A web app that maps your Spotify library onto an interactive globe, showing where each artist you listen to actually comes from.

Mindmap

mindmap
  root((Sonic Cartography))
    What it does
      Maps artists to origins
      Colors by genre
      Renders interactive globe
    Tech stack
      Python
      Flask
      MapLibre GL
    Use cases
      Explore music library on map
      Filter by genre or city
      Import export CSV data
    Audience
      Music fans
      Spotify users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Connect your Spotify account to see your favorite artists plotted on a world map.

USE CASE 2

Filter your music library by genre, city, country, or playlist on an interactive globe.

USE CASE 3

Export or import playlist data as Exportify-compatible CSV files.

USE CASE 4

Explore an artist's origin, genre, and playlists through detail cards on the map.

What is it built with?

PythonFlaskJavaScriptMapLibre GL

How does it compare?

myselfsiddharth/spotify-music-map3imed-jaberi/cryptography-si-isamm3imed-jaberi/koa-isomorphic-router
Stars222
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-09-252021-02-06
MaintenanceDormantDormant
Setup difficultymoderateeasyeasy
Complexity3/51/52/5
Audiencegeneralresearcherdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires creating a Spotify Developer app and configuring OAuth credentials before it will run.

So what is it?

Sonic Cartography, also called Spotify Music Map, is a web app that turns your Spotify library into an interactive globe showing where each of your favorite artists actually comes from. Every artist you listen to is pinned to their real world city of origin, colored by musical genre, and grouped together as you zoom in and out across the map. To use it, you connect your own Spotify account through a login process, and the app pulls your Liked Songs and playlists. It then looks up where each artist is from using a public database called Wikidata, which stores information like an artist's birthplace or the city where a band originally formed. Those locations are geocoded into map coordinates and cached so the app loads instantly on future visits. The globe itself supports a few different visual styles, including a satellite view and a plain vector map, and you can zoom smoothly from a view of the whole planet down to individual streets. Artists are color coded by genre, such as hip hop, rock, jazz, or afrobeats, and you can search or filter your results by artist name, city, country, playlist, or genre. Clicking an artist opens a detail card showing their origin, genre, related playlists, and lets you play a liked track right in the browser. There is also a feature that can draw travel arcs between locations or make the globe spin automatically. The app also supports importing and exporting playlist data as CSV files in a format compatible with a separate tool called Exportify, so you can bring in data from other sources or merge multiple exports onto the same map. Setting it up requires Python, a Spotify developer account to get API credentials, and editing an environment file with those credentials before running the Flask based backend locally. The frontend is built with plain JavaScript and a mapping library, so no JavaScript framework or build step is needed to run it.

Copy-paste prompts

Prompt 1
Help me set up my Spotify Developer app credentials for this project's .env file.
Prompt 2
Explain how Wikidata SPARQL is used to resolve artist birthplaces in app.py.
Prompt 3
Walk me through deploying this Flask app to production with gunicorn.
Prompt 4
Show me how the genre color palette in config.js maps to marker colors on the globe.

Frequently asked questions

What is spotify-music-map?

A web app that maps your Spotify library onto an interactive globe, showing where each artist you listen to actually comes from.

What language is spotify-music-map written in?

Mainly JavaScript. The stack also includes Python, Flask, JavaScript.

How hard is spotify-music-map to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is spotify-music-map for?

Mainly general.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.