Interactive Dashboards | MinAI Learning

🎯 Mục tiêu bài học

TB5 min

Sau bài học này, bạn sẽ:

✅ Tạo Multi-PivotTable Slicers & Timelines

✅ Sử dụng Form Controls (Combo Box, Radio, Checkbox, Scroll Bar)

✅ Xây dựng Dynamic Charts với INDIRECT, OFFSET, CHOOSE

✅ Áp dụng Camera Tool cho live snapshots

✅ Build interactive dashboard hoàn chỉnh

Thời gian: 40 phút | Độ khó: Advanced | Yêu cầu: Hoàn thành Bài 10 - Dashboard Design

Task 0

📖 Bảng Thuật Ngữ Quan Trọng

TB5 min

Thuật ngữ	Tiếng Việt	Mô tả
Slicer	Bộ lọc trực quan	Filter button cho PivotTables
Timeline	Dòng thời gian	Slicer chuyên cho dates
Form Control	Điều khiển form	Combo box, radio, checkbox
Combo Box	Hộp kết hợp	Drop-down selection control
Scroll Bar	Thanh cuộn	Slider cho số values
Camera Tool	Công cụ chụp	Live snapshot của cell range
INDIRECT	Tham chiếu gián tiếp	Dynamic reference từ text
CHOOSE	Chọn	Chọn giá trị theo index
Cell Link	Liên kết ô	Cell nhận giá trị từ control
Report Connection	Kết nối báo cáo	Link slicer đến nhiều PivotTables

Checkpoint

Slicer filter PivotTables bằng button, Form Controls tạo UI elements (dropdown, checkbox), Camera Tool chụp live snapshot. Kết hợp 3 thứ này → interactive dashboard!

Task 1

🔍 1. Slicers Advanced

TB5 min

1.1 Multi-PivotTable Slicers

1 Slicer → Controls 4 PivotTables simultaneously!

Setup Multi-PivotTable Slicer

1.2 Slicer Formatting

fxSlicer Styles

Slicer tab → Slicer Styles → Customize

Button size: Height & Width

Columns: 4 (horizontal layout)

Colors: Match dashboard theme

Font: Match dashboard typography

1.3 Timeline Slicer

fxTimeline Slicer

Insert → Timeline → Select date field

Filter by: Days, Months, Quarters, Years

Drag handles: Jan 2026 ──── Mar 2026

Report Connection là key feature! 1 Slicer controls tất cả PivotTables → tất cả charts update đồng thời. Đây là cách tạo dashboard "click anywhere, everything updates".

Checkpoint

Multi-PivotTable Slicers = 1 click filters ALL charts. Setup qua Report Connections. Timeline cho date filtering. Style slicers match dashboard theme. Bạn đã connect slicer đến nhiều PTs chưa?

Task 2

🎛️ 2. Form Controls

TB5 min

2.1 Insert Form Controls

fxEnable Developer Tab

Developer tab → Insert → Form Controls

Enable: File → Options → Customize Ribbon → ☑ Developer

2.2 Combo Box (Drop-down)

fxCombo Box Setup

1. Insert Combo Box → Draw on dashboard

2. Format Control

Input Range: $G$1:$G$5list items

Cell Link: $H$1returns index 1,2,3...

3. Get selected value

=INDEX($G$1:$G$5, $H$1)

4. Use in formulas

=SUMIF(Region, INDEX($G$1:$G$5,$H$1), Revenue)

Result: User chọn Region → Charts update dynamically!

2.3 Option Buttons (Radio)

fxOption Buttons — Toggle Metric

Toggle giữa Revenue, Cost, Profit

1. Insert 3 Option Buttons (cùng Group Box)

2. Cell Link: $H$2returns 1, 2, or 3

=CHOOSE($H$2, RevenueRange, CostRange, ProfitRange)Chart source

2.4 Check Boxes

fxCheck Box — Show/Hide Series

Show/Hide chart series

1. Insert Check Box "Show Target Line"

2. Cell Link: $H$3TRUE/FALSE

=IF($H$3, TargetValue, NA())Target data

TRUE → Target line visible ✅

FALSE → NA() → Line disappears ❌

2.5 Scroll Bar

fxScroll Bar — Time Navigation

Slide through time periods

1. Insert Scroll Bar (horizontal)

2. Min: 1, Max: 12, Cell Link: $H$4

=TEXT(DATE(2026, $H$4, 1), "MMMM YYYY")Display

4. Chart shows data for selected month

Cell Link là cầu nối giữa Form Control và formulas. Luôn đặt Cell Link ở sheet ẩn hoặc vùng riêng — tránh user thấy và edit trực tiếp giá trị index!

Checkpoint

4 Form Controls: Combo Box (dropdown), Option Buttons (radio), Check Box (toggle), Scroll Bar (slider). Tất cả dùng Cell Link trả giá trị → formulas → charts update. Bạn đã tạo control nào chưa?

Task 3

🔄 3. Dynamic Charts

TB5 min

3.1 INDIRECT + Data Validation

fxINDIRECT — Dynamic Metric

Cell A1: [Revenue ▼]Data Validation dropdown

Named Range: SelectedMetric = INDIRECT(A1)

Chart series → Source = SelectedMetric

User chọn "Revenue" → Chart shows Revenue

User chọn "Profit" → Chart shows Profit

3.2 OFFSET for Dynamic Range

fxOFFSET — Auto-Expand Range

= OFFSET(Sheet1!$B$1, 0, 0, COUNTA(Sheet1!$B:$B), 1)

Named Range: DynamicData

Khi thêm data mới → Chart tự extend ✅

3.3 Chart Animation Effect

fxChart Scroll Animation

Scroll Bar changes month (1-12)

Chart data = Last N months based on scroll position

=OFFSET(Data, MonthIndex-6, 0, 6, 1)Formula

User slides → Chart "scrolls" through time! 🎬

INDIRECT biến text thành reference — drop-down chọn metric name → chart tự đổi data source. Đây là kỹ thuật nâng cao nhưng rất impressive trong interviews!

Checkpoint

INDIRECT = text → reference (switch metrics). OFFSET = dynamic range (auto-extend). CHOOSE = index → value (toggle series). Kết hợp 3 → charts phản hồi mọi user action!

Task 4

📷 4. Camera Tool

TB5 min

4.1 Camera Tool là gì?

Camera Tool = Chụp "live snapshot" của cell range → Paste như hình ảnh nhưng tự động cập nhật.

4.2 Setup

fxCamera Tool Setup

File → Options → Quick Access Toolbar

Choose commands from: All Commands

Find "Camera" → Add → OK

4.3 Sử dụng

fxCamera Tool Usage

1. Select range trong data sheet (e.g., KPI table)

2. Click Camera button

3. Click vào Dashboard sheet → Paste

4. Auto-updating live image! ✅

Use cases

KPI cards từ calculation sheet

Mini tables embedded trong dashboard

Cross-sheet live references

Checkpoint

Camera Tool tạo live image cập nhật tự động khi data thay đổi. Dùng cho KPI cards, mini tables từ sheet khác. Setup 1 lần trong Quick Access Toolbar. Bạn đã biết Camera Tool chưa?

Task 5

🖥️ 5. Dashboard Sheet Setup

TB5 min

5.1 Prepare Dashboard Sheet

fxDashboard Sheet Setup

1. Hide gridlines: View → ☐ Gridlines

2. Hide headers: View → ☐ Headings

3. Set zoom: 80-100% (fit on 1 screen)

4. Set background: Light gray or white

5. Freeze top area if scrolling needed

5.2 Layout with Shapes

fxCard Backgrounds

Insert → Shapes → Rectangle (Rounded)

Card background cho KPI containers

Fill: White, Border: Light Gray, Shadow: Subtle

5.3 Protection for Dashboard

fxSheet Protection

1. Unlock only slicer/control areas

Protect Sheet settings

☑ Select unlocked cells

☑ Use AutoFilter (for slicers)

☐ Everything else locked

Users can interact but not accidentally edit ✅

Checkpoint

Dashboard setup: hide gridlines + headers, fit on 1 screen, protect cho user interactions only. Shapes tạo card backgrounds. Alt+drag = snap align charts chính xác. Bạn đã setup sheet chưa?

Task 6

🏋️ 6. Thực hành: Build Interactive Dashboard

TB5 min

Thực hành trên Excel

Build complete interactive dashboard — kết hợp tất cả kỹ thuật đã học!

Architecture: 3-Layer Design

fx3-Layer Architecture

Sheet "Data": Raw sales data (500+ rows)

Sheet "Calc": PivotTables (hidden from users)

Sheet "Dashboard": Visual layer

Build Steps

fxBuild Interactive Dashboard

Step 1: PivotTables (Sheet "Calc")

PT1: Revenue by Region (Column chart)

PT2: Revenue by Product (Pie chart)

PT3: Monthly Revenue (Line chart)

PT4: Top 10 Customers (Table)

Step 2: Dashboard Elements

1. 4 KPI Cards (Camera Tool từ Calc)

2. Column Chart → PT1

3. Pie Chart → PT2

4. Line Chart → PT3

5. Slicer: Region → ALL PivotTables

6. Timeline: Date → ALL PivotTables

7. Combo Box: Select Year

Step 3: Polish

Hide gridlines, headers

Align charts (Alt + drag)

Consistent fonts/colors

Protect sheet

Test ALL interactions ✅

Dashboard Checklist

fxFinal Checklist

☐ All KPIs show correct numbers

☐ Slicers filter all charts simultaneously

☐ Charts update when data refreshes

☐ Colors consistent across charts

☐ Fits on 1 screen (no scrolling)

☐ Protected against accidental edits

☐ Works without macros

☐ Loading time < 5 seconds

Checkpoint

Bạn đã build được Interactive Dashboard với Slicers, Form Controls và Camera Tool chưa? Kiểm tra checklist: KPIs đúng, slicers filter tất cả charts, và fit trên 1 screen!

Task 7

� 7. Tổng Kết

TB5 min

Kiến thức đã học

Chủ đề	Nội dung chính	Tầm quan trọng
Slicers	Multi-PT connection, Timeline	Core interactivity
Form Controls	Combo, Radio, Check, Scroll	Custom UI
Dynamic Charts	INDIRECT, OFFSET, CHOOSE	Advanced technique
Camera Tool	Live snapshots cross-sheet	KPI cards
Sheet Setup	Gridlines, protection, layout	Professional look
3-Layer Design	Data → Calc → Dashboard	Best practice

Câu hỏi tự kiểm tra

Slicer kết nối nhiều PivotTable bằng cách nào?
Form Controls khác Slicers thế nào?
"3-Layer Design" gồm những layer nào?
Camera Tool dùng để làm gì?

Bài tiếp theo: Capstone Project — Build Business Analytics Dashboard hoàn chỉnh

Key Takeaways:

Slicers kết nối nhiều PivotTable, Timeline cho date filter
Form Controls: Combo, Radio, Check, Scroll — custom UI
Dynamic Charts với INDIRECT, OFFSET, CHOOSE
Camera Tool cho live snapshots cross-sheet — KPI cards
3-Layer Design: Data → Calc → Dashboard — best practice
Tách riêng 3 layers để file gọn gàng và dễ bảo trì!

Task 8