From the course: Interactive Dashboards with Plotly and Dash
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Visual elements and layout options
From the course: Interactive Dashboards with Plotly and Dash
Visual elements and layout options
- [Instructor] Now let's go ahead and take a look at the types of dashboard elements. There are two main types of dashboard elements, metrics and visuals and filters and interactivity. So in our prior two course sections, we took a look at building visualizations as well as filters and other types of interactive components. But some of the questions you might ask yourself about what types of metrics and visuals to embed in your dashboard are, what are the main metrics or KPIs the dashboard needs to track? What other metrics add context to compliment these? What chart type is appropriate to visualize each metric? So do we need a line chart to show trends over time, or do we just need a bar chart to show differences across categories? And in terms of filters and interactivity, we might need to ask the following questions, will users need to see specific filtered views? And will they need to drill up or down to different levels of granularity? So the answers we have to these questions…
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)
Intro to dashboard layouts2m 26s
-
(Locked)
Visual elements and layout options4m 40s
-
(Locked)
Revisiting Dash app layouts3m 54s
-
(Locked)
HTML and markdown7m 17s
-
(Locked)
Assignment: HTML and markdown2m 15s
-
(Locked)
Solution: HTML and markdown2m 28s
-
(Locked)
HTML styles5m 58s
-
(Locked)
Styling interactive elements4m 9s
-
(Locked)
Styling Plotly figures3m 4s
-
(Locked)
Assignment: App styling1m 26s
-
(Locked)
Solution: App styling2m 25s
-
(Locked)
Dash Bootstrap components4m 10s
-
(Locked)
Dash Bootstrap themes5m 1s
-
(Locked)
Demo: Applying a Bootstrap theme4m 27s
-
(Locked)
Grid-based layouts6m 44s
-
(Locked)
Demo: Grid-based layouts5m 54s
-
(Locked)
Multiple tabs3m 45s
-
(Locked)
Demo: Multiple tabs3m 48s
-
(Locked)
Assignment: Building a layout1m 27s
-
(Locked)
Solution: Building a layout3m 10s
-
(Locked)
Key takeaways2m 9s
-
(Locked)
-
-