Wrap-up video

1. Wrap-up video

Let's review the course and all the skills you have learned.

2. Chapter 1

In chapter 1, we revised some core Plotly graphs, then used them to create our first Dash app and structured it using an overview of HTML.

3. Chapter 2

In chapter 2, we explored how to structure and style our apps using HTML and CSS. We learned how to place, size, and style app elements using the style dictionary property of Dash components.

4. Chapter 3

In chapter 3, we took interactivity to the next level by learning how to use callbacks. We created engaging user experiences with interactive components like dropdowns, date pickers, and free-text inputs.

5. Chapter 4

In chapter 4, we built on that interactivity with apps that responded to hover and click events on Plotly figures. We also introduced Dash AG Grid tables to display tabular data and make it fully interactive.

6. Next steps?

So, what's next? This course was just the beginning. There's still plenty more to explore. Practice makes perfect, so building more dashboards will enhance your skills. In these experiments, use different extended callback chains to create unique and engaging experiences. And there's a whole world more to learn in Dash AG Grid Tables.

7. Plotly Studio

Additionally, there's one more impressive product to share: Plotly Studio, which lets you create Plotly Dash apps with AI assistance. With Plotly Studio, you can generate fully functional Plotly Dash apps from a dataset in minutes. Start with an AI-generated foundation, then apply your Dash skills to customize and enhance your apps. When you're ready, deploy your Studio apps directly to Plotly Cloud with one-click publishing and share them with others.

8. Thank you!

Phew! We have covered a lot in this course and built some awesome apps. Thank you for joining me on this course. Now go create some amazing dashboards!

Create Your Free Account

or

By continuing, you accept our Terms of Use, our Privacy Policy and that your data is stored in the USA.

This exercise is part of the course

Building Dashboards with Dash and Plotly

IntermediateSkill Level

4.8+

Start Course for Free

Take Plotly to the next level with Dash. After briefly revising Plotly, you'll dive straight into building your first Dash app. You'll then get your first taste of HTML and how Dash harnesses this vital web development language to structure larger Dash apps. Finally, you'll put all this together in your first multi-graph dashboard for a global e-commerce organization.

Exercise 1: Plotly graphs and figures Exercise 2: Line graph of sales by country Exercise 3: Bar graph of sales by country Exercise 4: From Plotly to Dash Exercise 5: The core Dash app code Exercise 6: Sales in a Dash app Exercise 7: Positioning Dash components Exercise 8: Combining HTML and Dash Exercise 9: A draft sales dashboard

Take control of the elements in your Dash apps with HTML and CSS. Learn what each of these is and how they are at the core of modern web development, then incorporate their powerful abilities in your Dash apps to change the size, color, and placement of your objects.

Exercise 1: HTML in Dash Exercise 2: Adding logos and notes Exercise 3: Adding an HTML list to Dash Exercise 4: CSS Basics in Dash Exercise 5: Styling a Dash app with CSS Exercise 6: Switching to Darkmode Exercise 7: Advanced CSS in Dash Exercise 8: Practicing placement Exercise 9: A refined sales dashboard Exercise 10: Controlling object layout

Turn your Dash apps into user-driven experiences by mastering interactive components. Learn how to include dropdowns, date pickers, and event free text fields to modify elements on your Dash apps and build truly self-service dashboards your users can explore.

Exercise 1: Callbacks in Dash Exercise 2: A dropdown for sales by country Exercise 3: Fixing a broken dashboard Exercise 4: Interactive components Exercise 5: Date picker for sales data Exercise 6: A date picker callback Exercise 7: Slider for sales data Exercise 8: Reusable Dash components Exercise 9: Re-using Dash components Exercise 10: DRY-styling Dash components Exercise 11: User inputs in Dash components Exercise 12: Updating a plot title Exercise 13: Analyzing top customer locations

Unleash the full power of Dash app interactivity by triggering changes to one graph when a user clicks on or hovers over, another graph. Additionally, you'll learn the basics of Dash's AG Grid module for creating tables that can be easily filtered, sorted, and paginated; as well as trigger changes in other graphs as well.

Exercise 1: Between-element interactivity Exercise 2: Generate key stats on hover Exercise 3: Hover to update another plot Exercise 4: Click to update another plot Exercise 5: Chained callbacks Exercise 6: Conditional dropdown options Exercise 7: Extending the chain Exercise 8: Dash AG Grid introduction Exercise 9: Interactive key stats table Exercise 10: Paginating a key stats table Exercise 11: Enhancing the sales dashboard Exercise 12: Dash AG Grid interactivity Exercise 13: Styling a key stats table Exercise 14: Interactive sales dashboard tables Exercise 15: Wrap-up video

Current Exercise