From the course: Interactive Dashboards with Plotly and Dash
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Demo: Callback functions
From the course: Interactive Dashboards with Plotly and Dash
Demo: Callback functions
- [Instructor] Okay, so let's go ahead and pick up our application where we left it off last time. If you recall, we have an HTML div. We need some sort of HTML layout, and a div is the most generic piece of a webpage. It starts with the text to pick a country and is immediately followed by this dropdown menu that has five options. The default value is going to be USA and the ID is country dropdown. And if you recall, this doesn't really do anything. We can select these different options, but these values that we're selecting here don't go anywhere. So we need somewhere to output what we eventually want to come from our callback function. So let's create somewhere to store output from a callback function, and we could do an HTML dot div within the div. We can have subsections within our div. But just to start getting us some intuition about different types of HTML. If I did H1 this would be the biggest possible header in HTML. H2 would be the second, or H3 would be a little bit…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Why interactive visuals?6m 3s
-
(Locked)
Installing Plotly and Dash6m 25s
-
(Locked)
The anatomy of a Dash application6m 51s
-
(Locked)
The world's simplest Dash app9m 29s
-
(Locked)
Dash component deep dive4m 55s
-
(Locked)
Interactive elements7m 59s
-
(Locked)
Callback functions8m 19s
-
(Locked)
Demo: Callback functions5m 20s
-
(Locked)
Options for running your application5m 24s
-
(Locked)
Assignment: Simple Dash application2m 38s
-
(Locked)
Solution: Simple Dash application4m 31s
-
(Locked)
Plotly visuals and Dash graph components9m 54s
-
(Locked)
Tying interactive elements to visuals8m 11s
-
(Locked)
Assignment: A more realistic Dash app2m 30s
-
(Locked)
Solution: A more realistic Dash app6m 43s
-
(Locked)
Key takeaways1m 15s
-
(Locked)
-
-
-
-
-
-