Learning Objectives

• Interactivity
• Introduction to Dash Plotly
• Additional Resources

Interactivity

Now let's cover how we can make our Dash apps interactive. We must import Input and Output from dash.dependencies to do this.

Please don't confuse these with the HTML Input because they are different. The HTML Input is imported from the dash core components.

In the next slide, we create an input text and bind it to a callback such that whenever you type something into that box, it updates my-div in real-time.

Introduction to Dash Plotly

In the video below, we'll be creating a Dash app to understand what factors are affecting the bee population.

You can directly use the dataset from the link:

https://raw.githubusercontent.com/dphi-official/Datasets/master/intro_bees.csv

Code:

https://github.com/dphi-official/Micro-Courses/tree/master/Plotly%26Dash/Dash_Introduction

Additional Resources

• A complete playlist for Dash Components - dropdown, checkbox, datepicker, range slider, etc.:
  https://youtube.com/playlist?list=PLh3I780jNsiSvpGtPucq4yusBXVt3SL2Q
• Connecting Plotly Graphs to Dash Components: https://youtube.com/playlist?list=PLh3I780jNsiSDHCReNVtgPC1WkqduZA5R
• Dash - Advanced Topics:
  https://www.youtube.com/playlist?list=PLh3I780jNsiQWkxk05ek4M7rbLocVQaAb

References

• https://www.datacamp.com/community/tutorials/learn-build-dash-python

Slide Download Link

You can download the slides for this topic from here.