课程

Building Dashboards with Dash and Plotly

中级技能水平

更新时间 2025年6月

Learn how to build interactive and insight-rich dashboards with Dash and Plotly.

免费开始课程

PythonData Visualization

4小时

15 视频

47 道练习

3,900 XP

16,540

成就证明

深受数千家公司学习者的喜爱

需要团队培训？

企业版试用

课程描述

You don’t need expensive vendor software to create insight-rich dashboards—you can do this using Plotly and Dash. Come on a journey and learn how to turn your Plotly visualizations into interactive dashboards using global e-commerce data. You’ll learn the basics of web applications and discover how to structure and style your dashboards using HTML and CSS—building a portfolio of dashboards you can adapt to your data and projects. Are you ready to bring your plots to life?

先决条件

Introduction to Data Visualization with Plotly in Python Data Manipulation with pandas

1

From Plotly to Dash

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.

Plotly graphs and figures

Line graph of sales by country

Bar graph of sales by country

From Plotly to Dash

The core Dash app code

Sales in a Dash app

Positioning Dash components

Combining HTML and Dash

A draft sales dashboard

2

Styling Dash Apps

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.

HTML in Dash

Adding logos and notes

Adding an HTML list to Dash

CSS Basics in Dash

Styling a Dash app with CSS

Switching to Darkmode

Advanced CSS in Dash

Practicing placement

A refined sales dashboard

Controlling object layout

3

Interactivity with Callbacks and Components

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.

Callbacks in Dash

A dropdown for sales by country

Fixing a broken dashboard

Interactive components

Date picker for sales data

A date picker callback

Slider for sales data

Reusable Dash components

Re-using Dash components

DRY-styling Dash components

User inputs in Dash components

Updating a plot title

Analyzing top customer locations

4

Advanced Dash Apps

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.

Between-element interactivity

Generate key stats on hover

Hover to update another plot

Click to update another plot

Chained callbacks

Conditional dropdown options

Extending the chain

Dash AG Grid introduction

Interactive key stats table

Paginating a key stats table

Enhancing the sales dashboard

Dash AG Grid interactivity

Styling a key stats table

Interactive sales dashboard tables

Wrap-up video

Building Dashboards with Dash and Plotly

课程完成

获得成就证明

将此证书添加到您的 LinkedIn 档案、简历或履历中
在社交媒体和绩效评估中分享立即注册

加入超过19百万学习者，今天就开始Building Dashboards with Dash and Plotly！

通过 DataCamp for Mobile 提升您的数据技能

随时随地通过我们的移动课程和每日 5 分钟编程挑战提升技能。