https://github.com/wildanazz/d3-spotify-genres
A web-based visualization tool that uses D3.js to showcase Spotify listening history by analyzing and categorizing favorite music genres.
https://github.com/wildanazz/d3-spotify-genres
d3-visualization html javascript
Last synced: about 1 year ago
JSON representation
A web-based visualization tool that uses D3.js to showcase Spotify listening history by analyzing and categorizing favorite music genres.
- Host: GitHub
- URL: https://github.com/wildanazz/d3-spotify-genres
- Owner: wildanazz
- License: mit
- Created: 2024-12-13T05:03:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-12T02:18:39.000Z (about 1 year ago)
- Last Synced: 2025-04-12T03:25:12.343Z (about 1 year ago)
- Topics: d3-visualization, html, javascript
- Language: HTML
- Homepage: https://wildanazz.github.io/d3-spotify-genres/
- Size: 4.29 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# D3 Spotify Genres
A web-based visualization tool that uses D3.js to showcase Spotify listening history by analyzing and categorizing favorite music genres.
## Features
- Fetches and processes user data via the Spotify Web API.
- Dynamically generates interactive genre-based visualizations using D3.js.
- Provides insights into user listening preferences.
- Easy-to-use interface for authentication and data exploration.
## Installation
### Prerequisites
- [Python](https://www.python.org/) installed on your system.
### Steps
1. Clone the repository:
```bash
git clone https://github.com/wildanazz/d3-spotify-genres.git
cd d3-spotify-genres
```
2. Start the development server:
```bash
python -m http.server
```
3. Open your browser and navigate to `http://localhost:8000`.
## Technologies Used
- **Frontend**: D3.js, HTML, CSS, JavaScript
- **Backend**: Python, Flask
- **API**: Spotify Web API
## Todo
- Optimize performance (e.g. efficient plot redrawing).
## Acknowledgements
- Special thanks to [Genre Map Explorer for Spotify](https://observablehq.com/@mjbo/genre-map-explorer-for-spotify) for the inspiration behind this project. Max's work provided great insights and ideas that helped shape this project.
- This project uses the music genre data and visualizations from [Every Noise at Once](https://everynoise.com/), a comprehensive resource that categorizes and maps musical genres created by Stephen R.
- [Spotify Web API](https://developer.spotify.com/documentation/web-api/) for providing access to spotify music data.
- [D3.js](https://d3js.org/) for creating dynamic and interactive visualizations in this project.