Data visualisation of Indian Premere League for 2008-2016 with kaggle dataset
View the web app here
-
vuejs: Vue Js is used as the main frontend framework. The app is built using the vue-cli tool that gives you the option to customize the plugins while bootstraping the project. -
chota: Chota is used instead of bootstrap because it's a micro CSS framework (~3kb) which is even smaller than bootstrap. -
chartjs: ChartJs is very minimal JavaScript library for producing chartjs. -
vue-chartjs: It is just a small wrapper around chartjs just to make you talk to chartjs in a very smooth manner.
- Data cleaning is done using
Google Collabinteractive cloud platform with the help ofPandas. Processed data is exported to JSON file via google drive which is then downloaded and used in the prject as a data source. - You can find the analysis here
-
Created in VueJS
-
Mobile responsive
-
It is a progressive web-app
-
It works offline
npm install
npm run serve
npm run build