# Example: analytics overview

**Job:** a team lead checks how the product did this week.

**Plan**
1. `metrics-dashboard` block: KPI row, main chart, breakdown and recent activity.
2. KPIs: `kpi-card` with delta and a `sparkline`; numbers via `number-ticker`.
3. Main chart with a range picker (`date-range-picker`); one-line takeaway above it.
4. Table with `data-table`: sort, filter, row actions, empty state.

```bash
npx shadcn@latest add @lode/metrics-dashboard @lode/data-table @lode/date-range-picker
```

**Checks:** skeletons match the final layout, chart colors from `--chart-*`, table scrolls horizontally inside its card on phones.