maggiemhanna/dash-demo

Some dash app examples for teaching purposes.

Summary :

• Dash aims to build beautiful web-based analytic and interactive apps.
• We will discover that with only python you can build minimalist web app in a very efficient way.
• We also see plotly express which I just dicovered instead of using cufflinks.
• We will also learn how to deploy a dash app on Google App Engine.

About Dash :

• Dash consists in two parts : html layout and callbacks.
• Html layout contains all the inputs and outputs we want to display.
• Inputs could be checkboxes, drop down lists, input text area, file upload area...
• Outputs could be tables, graph images or even html layout parts, but in most cases we will use interactive plotly figures.
• Callbacks are kind of flask routes to feed our outputs cells in the layout with the desired results.

Training materials :

• Getting started with dash :
  • https://dash.plot.ly/getting-started
• Dash components documentations :
  • Inputs and Outputs : https://dash.plot.ly/dash-core-components
  • HTML components : https://dash.plot.ly/dash-html-components
• Dash gallery :
  • https://dash-gallery.plotly.host/Portal/
• Dash on Google App Engine tutorials :
  • https://www.phillipsj.net/posts/deploying-dash-to-google-app-engine
  • https://community.plot.ly/t/deploying-dash-to-google-app-engine/7254
  • https://cloud.google.com/appengine/docs/standard/python3/runtime