https://github.com/gohsato/playlistobservatory
Spotify Playlist Visualizer. Demo: https://gohsato.github.io/PlaylistObservatory/
https://github.com/gohsato/playlistobservatory
data-visualization spotify spotify-api
Last synced: about 1 year ago
JSON representation
Spotify Playlist Visualizer. Demo: https://gohsato.github.io/PlaylistObservatory/
- Host: GitHub
- URL: https://github.com/gohsato/playlistobservatory
- Owner: Gohsato
- Created: 2018-08-18T18:04:11.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2021-01-06T09:30:55.000Z (over 5 years ago)
- Last Synced: 2025-02-10T02:21:46.205Z (over 1 year ago)
- Topics: data-visualization, spotify, spotify-api
- Language: JavaScript
- Homepage: https://gohsato.github.io/PlaylistObservatory/
- Size: 6.01 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Playlist Observatory
This is a web app that visually maps the tracks of a Spotify playlist in 2D space.
Here's a live demo : https://gohsato.github.io/PlaylistObservatory/
To run this app locally:
1. Create a Spotify Web App https://developer.spotify.com/dashboard
2. In the app settings make sure to add `http://localhost:3000/` as a redirect link
3. Create an `.env` file with the following properties
```
REACT_APP_SPOTIFY_CLIENT_ID =
REACT_APP_REDIRECT_URI = http://localhost:3000/
```
1. Run the client by executing 'npm install' then 'npm run start'
Make sure that the React app is run on localhost:3000
## Here's what it looks like
The gray dots are tracks already on the playlist
The orange dots are recommendations
Change the axis
Add/Remove a track
