用 Dash 进一步提升 Plotly 的能力。我们将先简要回顾 Plotly，然后直接开始构建您的第一个 Dash 应用。接着，您将初步了解 HTML，以及 Dash 如何利用这一关键的 Web 开发语言来搭建更大的 Dash 应用结构。最后，您会把这些结合起来，为一家全球电商组织创建您的第一个多图表仪表板。

Plotly 图表与图形

按国家划分的销售额折线图

按国家统计的销售额柱状图

从 Plotly 到 Dash

Dash 应用的核心代码

在 Dash 应用中展示销售数据

定位 Dash 组件

结合 HTML 与 Dash

销售仪表板草稿

通过 HTML 和 CSS 精准控制 Dash 应用中的各个元素。了解二者的含义与作用，以及它们为何是现代 Web 开发的核心；随后将它们强大的能力融入您的 Dash 应用中，以调整对象的大小、颜色与位置。

Dash 中的 HTML

添加徽标和说明

在 Dash 中添加 HTML 列表

Dash 中的 CSS 基础

使用 CSS 美化 Dash 应用

切换到深色模式

Dash 中的高级 CSS

练习元素摆放

更精致的销售仪表板

控制对象布局

美化 Dash 应用

通过掌握交互式组件，将 Dash 应用变成由用户驱动的体验。学习如何添加下拉框、日期选择器和自由文本输入等组件，以便在 Dash 应用中动态修改元素，构建真正可自助探索的仪表板。

Dash 中的回调

按国家筛选的销售下拉菜单

修复出问题的仪表板

交互式组件

销售数据的日期选择器

日期选择器回调

销售数据的滑块

可复用的 Dash 组件

复用 Dash 组件

用 DRY 思想为 Dash 组件设定样式

Dash 组件中的用户输入

更新图表标题

分析头部客户所在地区

回调与组件的交互性

释放 Dash 应用交互性的全部潜力：当用户在一幅图上点击或悬停时，触发另一幅图的变化。此外，您还将学习 Dash 的 AG Grid 模块基础，用于创建可轻松筛选、排序与分页的表格，并且还能与其他图表实现联动。

元素间交互性

悬停生成关键统计

悬停以更新另一幅图

单击以更新另一张图

链式回调

条件下拉选项

扩展回调链

Dash AG Grid 入门

交互式关键统计表

为关键统计表启用分页

增强销售仪表板

Dash AG Grid 交互性

为关键统计表设置样式

交互式销售仪表板表格

总结视频

进阶 Dash 应用

2011 Global e-commerce data

2011 Global e-commerce data (Complete)

构建富有洞察的仪表板并不需要昂贵的商业软件——使用 Plotly 和 Dash 就能实现。跟随本课程，学习如何将 Plotly 可视化转化为交互式仪表板，并使用全球电商数据进行实践。您将学习 Web 应用的基础知识，了解如何用 HTML 和 CSS 来组织与美化仪表板，逐步构建可用于作品集的仪表板，方便在您的数据与项目中复用。准备好让您的图表"动"起来了吗？

Introduction to Data Visualization with Plotly in Python

Data Manipulation with pandas

学习使用Dash和Plotly构建互动且富有洞察力的仪表板。

使用 Dash 和 Plotly 构建仪表板

学习如何使用 Dash 和 Plotly 构建交互式、洞察丰富的仪表板。

Dash 组件中的用户输入

Create Your Free Account