總結影片

使用 Dash 與 Plotly 建立儀表板

Alex Scriven

Data Scientist

第 1 章

 

  • 複習 Plotly
  • 建立第一個 Dash 應用
  • HTML 概覽

一張每月銷售額的折線圖動圖；游標移到資料點上時，會顯示月份與銷售數字

使用 Dash 與 Plotly 建立儀表板

第 2 章

 

  • 用 HTML 與 CSS 設計結構與樣式
  • 排版、尺寸與樣式控制元件
    • style 字典

一張題為「Top Sales Categories」的圖片；其下方紅色虛線框內是水平長條圖，y 軸為次要品類，x 軸為總訂單數。框外下面列出前二大品類。邊框四周向外推開，並以箭頭標示；框內圖表與標題周圍留有更多空白，框外文字也被推遠。

使用 Dash 與 Plotly 建立儀表板

第 3 章

 

  • 用回呼實作互動
  • 下拉選單、日期選擇器與自由文字輸入

常見日期選擇器的動圖。輸入欄位目前為 2025 年 7 月 1 日，滑鼠點擊後展開行事曆，改選 2025 年 7 月 2 日，行事曆收合，選取的日期也更新。

使用 Dash 與 Plotly 建立儀表板

第 4 章

 

  • 滑過與點擊事件的互動
  • 建立 AG Grid 表格

一個表格的動圖；點選不同儲存格時，下方文字方塊會顯示該儲存格內容的字典

使用 Dash 與 Plotly 建立儀表板

下一步？

 

  • 自行打造儀表板
  • 嘗試回呼鏈
  • 持續學習 AG Grid 表格

Screenshot at May 15 08-06-55.png

使用 Dash 與 Plotly 建立儀表板

Plotly Studio

  • 幾分鐘內從資料集產生 Dash 應用 ⚡
  • 自訂 AI 產生的基礎架構 🔧
  • 一鍵發佈到 Plotly Cloud 🚀

plotlystudio.png

1 plotly.com/studio
使用 Dash 與 Plotly 建立儀表板

謝謝！

使用 Dash 與 Plotly 建立儀表板

Preparing Video For Download...