Giter VIP home page Giter VIP logo

ipl-data-visualization--1's Introduction

IPL dataset visualization

Install

1: Install Node

https://nodejs.org/en/download/

2: Install git

Linux: https://git-scm.com/downloads

Windows: https://gitforwindows.org/

Watch this tutorial on YouTube if required. Feel free to refer to other tutorials as well.

3: Install VSCode

https://code.visualstudio.com/download

4: Clone this repository

git clone https://gitlab.com/mountblue/propel/ipl

5: Install npm packages

npm install

6: Prepare data

npm run ipl

7: Start server

npm run start

8: Visualize results on your browser

Open http://127.0.0.1:8080


Project Structure

csv_data: This directory contains the dataset: matches.csv and deliveries.csv

ipl: This directory contains all your JavaScript business logic

public: This directory is contains the resulting data.json and also the HTML and JavaScript code required to visualize the results. The static server serves the index.html file present in this directory

node_modules: This directory is used by node and npm to store third party packages like csvtojson and http-server.

index.js: This file contains the code which: 1. Reads the csv data 2. Calls the JavaScript business logic functions. 3. Saves the results in public/data.json


Problems

  1. Plot the total number of matches played each year. (This problem is solved).
  2. Plot the number of matches won by each team over all the years of IPL.
  3. For the year 2016, plot the extra runs conceded by each team.
  4. For the year 2015, plot the top 10 economical bowlers along with their economy rates.
  5. Discuss a "Story" you want to tell with the given data.

ipl-data-visualization--1's People

Watchers

James Cloos avatar Syed Gibran Ahmed avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.