Geek Culture
Published in

Geek Culture

Python Dashboard using Plotly Dash: Example 1

Build Covid -19 Dashboard using Plotly Dash

Pic Credit: Unsplash

In this blog, I will take you through a Covid-19 dashboard that I created using Plotly dash.

What is Plotly Dash?

Dash is a python framework by Plotly for creating interactive web-based applications. Dash is written on the top of Flask, Plotly.js, and React.js. With Dash, we don’t have to learn HTML, CSS, and Javascript, we only need to know python language. The applications built using Dash are viewed on the web browser.

Covid-19 Dashboard!

The following is the snapshot of the Covid 19 dashboard created using the plotly dash.

Covid 19 dashboard (Pic Credit: Author)

Following is the link to the Covid 19 Plotly dash dashboard: https://plotly-dash-covid-app.herokuapp.com/

Want to learn Plotly Dash? You can check out my course on Udemy where I will take you through step by step process of creating a full-fledged interactive dashboard. Use the following link to get up to 70% off: https://bit.ly/3kcAYx9

Code of the Plotly Dash!

The following is the code for creating a basic Covid 19 dashboard using Plotly dash.

The code is divided into the following components:

  1. Functions for creating Plotly graphs and data card contents.
  2. The layout of the dashboard.
  3. The navigation bar of the dashboard.
  4. Callback for adding interactivity to the dashboard.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Anmol Tomar

Anmol Tomar

3.2K Followers

Top writer in AI | Sr. Data Scientist | Mentor. Join Medium with my link to access all the amazing stories on medium — https://anmol3015.medium.com/membership