GithubHelp home page GithubHelp logo

data-visualization-webinar's Introduction

Multi-Page Interactive Dashboard using Dash & Plotly

Data Visulization

According to the World Economic Forum, the world produces 2.5 quintillion bytes of data every day, and 90% of all data has been created in the last two years. With so much data, it’s become increasingly difficult to manage and make sense of it all. It would be impossible for any single person to wade through data line-by-line and see distinct patterns and make observations. Data proliferation can be managed as part of the data science process, which includes data visualization. Companies who can gather and quickly act on their data will be more competitive in the marketplace because they can make informed decisions sooner than the competition. Speed is key, and data visualization aides in the understanding of vast quantities of data by applying visual representations to the data. This visualization layer typically sits on top of a data warehouse or data lake and allows users to discover and explore data in a self-service manner. Not only does this spur creativity, but it reduces the need for IT to allocate resources to continually build new models.

Dashboard

A data dashboard is an information management tool that visually tracks, analyzes and displays key performance indicators (KPI), metrics and key data points to monitor the health of a business, department or specific process. They are customizable to meet the specific needs of a department and company. Data is visualized on a dashboard as tables, line charts, bar charts and gauges so that users can track the health of their business against benchmarks and goals. Data dashboards surface the necessary data to understand, monitor and improve your business through visual representations. Depending on how you decide to design your dashboard, even straightforward numerical data can be visually informative by utilizing intuitive symbols, such as a red triangle facing downward to indicate a drop in revenue or a green triangle facing up to indicate an increase in website traffic. A data dashboard is the most efficient way to track multiple data sources because it provides a central location for businesses to monitor and analyze performance. Real-time monitoring reduces the hours of analyzing and long line of communication that previously challenged businesses.

Motivation

IPL(Indian Premier League) is currently one of the biggest leagues in the world.Every year nearly 60 matches played among 8 to 10 teams.Naturally a lot of data is generated after each season. In this project i have collected those data from kaggle and it contains ball by ball match details from 2008 to 2019. Dashboard will provide every possible kind of data from winning percentage to average score of each ground.

Framework & Packages

  1. Plotly Plotly Python is a library which helps in data visualisation in an interactive manner. But you might be wondering why do we need Plotly when we already have matplotlib which does the same thing. Plotly was created to make data more meaningful by having interactive charts and plots which could be created online as well. The fact that we could visualise data online removed a lot of hurdles which are associated with the offline usage of a library. However, Plotly can be used as both, an offline as well as online tool, thus giving us the best of both worlds.

Installation of Plotly in anaconda prompt

    pip install plotly
  1. Dash Dash is an open source Python framework for building web applications, created and maintained by the people at Plotly. Dash’s web graphics are completely interactive because the framework is built on top of Ploty.js, a JavaScript library written and maintained by Ploty. This means that after importing the Dash framework into a Python file you can build a web application writing strictly in Python with no other languages necessary.

Installation of Dash in anaconda prompt

    pip install dash
  1. Dash Bootsrap Components dash-bootstrap-components is a library of Bootstrap components for Plotly Dash, that makes it easier to build consistently styled apps with complex, responsive layouts.Once installed, just link a Bootstrap stylesheet and start using the components exactly like you would use other Dash component libraries. Bootstrap components are available as native Dash components to let you easily incorporate them into your Dash apps. Each component exposes a number of props to let you control the behaviour with Dash callbacks. Dash Bootstrap Components is compatible with any Bootstrap v4 stylesheet of your choice. Learn how to customise the look of your app using the bundled themes or your own custom themes. Installation of Dash Bootsrap Components in anaconda prompt:
        pip install dash-bootstrap-components

Install all the other system requirments by:

pip install -r requirements.txt

After the system has been setup. Run the command:

python main.py

Open your browser and in the search bar type: localhost:8050 be defualt dash uses this port . In case, this port is not available in your system, dash will try to use another port. The port number will be displayed in the command prompt. So, type in the same port number in that case as: localhost:<port_number>.

After all these steps have been completed successfully, you will be able to the multipage dashboard. Explore all the pages to understand all the functionalities of the dashboard.

Functionalities of the IPL-Dashboard

After successfully running the main.py file in the browser you can see the homepage of the dashboard.The home ppage mainly contains the details of each team(home away win&loss percentage, team wise win&loss percentage, top run getter and biggest hitters of each team). Other pages like Batsman contains the seasonwise batting details of all the batsmen who have participated in IPL, same goes for Bowler page. The last page is about grounds.It contains the map and each home ground is located on the map with the average scores of first inning as well as second inning.

Demo Link:

<a href="https://youtu.be/SlPtlaAIG24" target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" /></a>

data-visualization-webinar's People

Contributors

sawonbhattacharya avatar

Watchers

James Cloos avatar  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.