Ce projet est une application web interactive qui utilise la puissance de la bibliothèque D3.js pour créer des visualisations élégantes et intuitives à partir des données personnelles des utilisateurs Spotify. L'objectif est de présenter les statistiques et habitudes d'écoute de manière claire et attrayante.
- Analyse approfondie : Explorez vos playlists, vos données Spotify Wrapped...
- Visualisations variées : Histogrammes, cartes de chaleur, graphiques circulaires, et bien plus pour représenter vos données.
- Personnalisation : Adaptez les graphiques à vos préférences.
- Interactivité : Interagissez avec les graphiques pour explorer vos données en profondeur.
- Exportation facile : Capturez vos visualisations pour les partager avec vos amis.
Les données analysées incluent :
- Historique de streaming : écoutes des 12 derniers mois.
- Playlists : playlists créées ou sauvegardées.
- Données Wrapped : récapitulatifs annuels Spotify.
- Interactivité avec les podcasts : durée d'écoute, épisodes favoris, etc.
- Statistiques d’abonnement : abonnés et comptes suivis.
- D3.js : pour créer des visualisations dynamiques et interactives.
- HTML5/CSS3/JavaScript : pour l’interface utilisateur.
- Bootstrap : pour des styles modernes et réactifs.
- Clonez le dépôt :
git clone https://github.com/heidisbk/SpotifyDataViz.git
- Naviguez dans le répertoire du projet :
cd SpotifyDataViz - Installez les dépendances (si nécessaire) :
npm install
- Lancez le projet :
npm start
- Exportez vos données Spotify via le Spotify Privacy Settings.
- Chargez le fichier exporté dans SpotifyDataViz.
- Explorez vos statistiques et créez des visualisations personnalisées.
Une démo interactive sera disponible sous peu.
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
Données personnelles Spotify
API Spotify
ChatGPT
VSCode
Code Pen
BootStrap