Skip to content

com-480-data-visualization/data-visualization-project-2021-vizbrains

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

91 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music Trends --- Project of Data Visualization (COM-480)

Our logo

Setup and usage

You can find our presentation of this work here.

If the site is up, you'll be able to access it here.

Otherwise, the following is meant to be done in the terminal. You should have some browser as well as python3 installed. We recommend Firefox or Google Chrome for the best experience.

  1. Clone this repository where you want:
git clone https://github.com/com-480-data-visualization/data-visualization-project-2021-vizbrains
  1. cd into the root directory (containing index.html) and run python3 -m http.server; copy the given url
  2. Paste the url in the browser and enjoy!

More information about the audio features we use can be found here.

Motivations

Student's name SCIPER
Auguste Baum 322935
Yanis Berkani 271348
Clément Petit 282626

As three real music enthusiasts, we've always wanted to learn more and do some scientific research in the music domain. Accordingly, the dataset we chose is a collection of music data from a Kaggle competition.

More precisely, the data consists of music features for about 600 000 tracks and 1.1 million artists from the Spotify streaming service, spanning 100 years (from 1922 to 2021). The data are divided into 2 main datasets:

  • Tracks: name, date of release, popularity, duration, energy, tempo...

  • Artists: name, followers, popularity, genres.

You can find out a lot more details about the features in our EDA.ipynb notebook (works best on Firefox).

Structure

.
├── about.html
├── index.html
├── milestones                     // Our preliminary analysis and hand-ins
└── viz
    ├── data                       // The data we use in our visualisations
    ├── styles                     // The stylesheet for our website
    ├── timeline.js                // First visualisation code
    ├── year_comparator.js         // Second visualisation code
    └── bar_chart_comparator.js    // Third visualisation code

Milestone 1 (23rd April, 5pm)

10% of the final grade

Milestone 1 PDFMilestone 1 MD

Milestone 2 (7th May, 5pm)

10% of the final grade

Milestone 2 PDFMilestone 2 MD

Milestone 3 (4th June, 5pm)

80% of the final grade

Milestone 3 PDFMilestone 3 MD

About

data-visualization-project-2021-vizbrains created by GitHub Classroom

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages