HarvardOpenData / dash-tutorial

Learn how to build web apps using dash and plotly

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

dash-tutorial

Learn how to build web apps using dash and plotly

Installation

pip install dash==0.28.2  # The core dash backend
pip install dash-html-components==0.13.2  # HTML components
pip install dash-core-components==0.33.0  # Supercharged components
pip install plotly==3.3.0

Running the app

Run python app.py in your terminal.

Bootcamp

  1. Import the data using pandas. Feel free to use the NumPy + Pandas bootcamp as a guide.
  2. Display a table with the data. The Dash user guide has an example of how to create a table from a Pandas DataFrame.
  3. Create a bar graph showing the number of people who ranked each house first. Plotly documentation may be helpful.
  4. Create an interactive bar chart with a dropdown menu that allows you to select a house and view the distribution of rankings for that house. Dropdown documentation can be found here.
  5. Change the title of the page to something more appropriate.
  6. Link dash and plotly to their respective websites.
  7. Make something prettier by changing assets/style.css.
  8. Challenge: Enable multiple selection on the dropdown and show multiple house ranking distributions on the same graph.

About

Learn how to build web apps using dash and plotly


Languages

Language:Python 97.4%Language:CSS 2.6%