用 Dash 讓 Plotly 更上一層樓。簡短複習 Plotly 之後，你會直接動手建立第一個 Dash 應用程式。接著，你將初探 HTML，了解 Dash 如何運用這個關鍵的網頁開發語言來組織更大型的 Dash 應用。最後，把這些元素整合起來，為一家全球電商組織打造你的第一個多圖儀表板。

Plotly 圖表與圖形

各國銷售額的折線圖

各國銷售額的長條圖

從 Plotly 走向 Dash

Dash 應用程式的核心程式碼

在 Dash 應用程式中呈現銷售圖

定位 Dash 元件

結合 HTML 與 Dash

銷售儀表板草稿

從 Plotly 到 Dash

用 HTML 與 CSS 掌控 Dash 應用中的各種元素。你會認識這兩者是什麼、以及它們如何成為現代網頁開發的核心，然後把它們的強大能力融入 Dash 應用來調整物件的大小、顏色與位置。

Dash 中的 HTML

加入商標與註記

在 Dash 中加入 HTML 清單

Dash 的 CSS 基礎

使用 CSS 美化 Dash 應用程式

切換為 Dark Mode

Dash 進階 CSS

練習擺放位置

更完善的銷售儀表板

控制物件版面配置

美化 Dash 應用程式

透過掌握互動式元件，將你的 Dash 應用轉變為以使用者為主的體驗。學習如何加入下拉式選單、日期選擇器與可輸入文字的欄位，來動態修改 Dash 應用上的元素，打造使用者能自行探索的真正自助式儀表板。

Dash 中的回呼（Callback）

以國家篩選的銷售下拉選單

修復壞掉的儀表板

互動元件

銷售資料的日期選擇器

日期選擇器的回呼函式

銷售資料的滑桿

可重複使用的 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 視覺化轉成可互動的儀表板，並以全球電商資料為例實作。你會學到網頁應用程式的基礎，並了解如何用 HTML 與 CSS 來規劃結構與設計風格，建立一系列可套用到你資料與專案的儀表板作品集。準備好讓你的圖表真正「動」起來了嗎？

Dash 元件中的使用者輸入

Create Your Free Account