Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

DASHBOARD_SPEC

Category: 05. Data & Analytics
Section: Phase 3: Execution & Quality


8. DASHBOARD_SPEC.md

Purpose: To define the dashboard layout, charts, KPIs, and user flow for the analytics interface.

Act as a senior data visualization designer.
Using the PRD and System Architecture below, create a Dashboard Specification document for a data & analytics hackathon project.

PRD: [PASTE PRD]
ARCHITECTURE: [PASTE SYSTEM_ARCHITECTURE]

Provide:
1. Design system (Colors, typography, chart styles)
2. Dashboard layout (Grid, Sections, Hierarchy)
3. Key Performance Indicators (KPIs) to display
4. Chart types for each insight (Bar, Line, Pie, Heatmap, Map)
5. Filters and interactivity (Date range, Category, Search)
6. Screen-by-screen breakdown (Overview, Detail, Comparison)
7. Loading states (Skeletons, spinners)
8. Error states (What if data fails to load?)
9. Empty states (What if no data is available?)
10. Responsive design guidelines (Desktop and Mobile)
11. Accessibility considerations (Color blindness, Contrast)

Keep the dashboard simple, clean, and realistic for a 24-48 hour hackathon.
Focus on demonstrating the core insights.