Video tổng kết

Xây dựng Dashboard với Dash và Plotly

Alex Scriven

Data Scientist

Chương 1

Ôn Plotly
Tạo ứng dụng Dash đầu tiên
Tổng quan về HTML

Ảnh gif biểu đồ đường doanh số theo tháng; khi di chuột lên điểm, tháng và số liệu hiện lên

Chương 2

Cấu trúc và kiểu với HTML, CSS
Đặt, chỉnh kích thước, định kiểu các phần tử ứng dụng
- Từ điển style

Hình có tiêu đề "Top Sales Categories"; bên trong khung viền đỏ chấm là biểu đồ cột ngang với danh mục nhỏ ở trục y và tổng đơn hàng ở trục x. Bên dưới, ngoài viền, là danh sách 2 danh mục top. Viền được đẩy ra mọi phía với mũi tên ngược, tạo nhiều khoảng trống quanh biểu đồ; tiêu đề (trong viền) và văn bản bên dưới bị đẩy ra xa.

Chương 3

Tương tác với callback
Dropdown, chọn ngày và ô nhập văn bản

Ảnh gif bộ chọn ngày phổ biến. Có ô nhập ngày với ngày hiện tại là 01/07/2025. Chuột bấm, lịch xuất hiện. Chọn ngày khác 02/07/2025; lịch thu gọn và ngày trong bộ chọn cập nhật.

Chương 4

Tương tác từ sự kiện hover và click
Xây dựng bảng AG Grid

Ảnh gif bảng, khi bấm vào các ô khác nhau thì hộp văn bản bên dưới hiển thị dictionary nội dung ô đã bấm

Bước tiếp theo?

Tự xây dashboard
- Ví dụ để tham khảo
Thử nghiệm chuỗi callback
Tiếp tục học AG Grid

Ảnh chụp màn hình lúc 15 Tháng 5 08-06-55.png

Plotly Studio

Tạo ứng dụng Dash từ dữ liệu trong vài phút ⚡
Tùy biến nền tảng do AI tạo 🔧
Xuất bản lên Plotly Cloud bằng một cú nhấp 🚀

¹ plotly.com/studio

Xin cảm ơn!

Xây dựng Dashboard với Dash và Plotly