Naser Mansour
7f35297025
Naser confirmed all remaining QA Review / Draft rows (97 subtasks, 16
parent rollups) are done in substance: the site has been in production
for roughly a year. Overrides the conservative QA-Review/Draft mapping
from the prior takeover commit (0f9d12c) at his explicit instruction.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
40 lines
1.6 KiB
Markdown
40 lines
1.6 KiB
Markdown
---
|
|
id: 6-2
|
|
title: 6-2 Analytics Charts
|
|
status: Done
|
|
date: 2026-09-27
|
|
parent: 6
|
|
---
|
|
|
|
## Description
|
|
|
|
As an admin, I want visual charts showing trends and historical data, So that I can identify patterns in client acquisition and consultation outcomes to make informed business decisions. Full implementation history: docs/stories/story-6.2-analytics-charts.md
|
|
|
|
## Acceptance Criteria
|
|
|
|
- [ ] Display new clients per month (from `users.created_at`)
|
|
- [ ] Display consultations per month (from `consultations.scheduled_date`)
|
|
- [ ] Two data series on same chart with legend
|
|
- [ ] X-axis: Month labels (e.g., "Jan 2025", "Feb 2025")
|
|
- [ ] Y-axis: Count values with appropriate scale
|
|
- [ ] Show free vs paid consultation ratio
|
|
- [ ] Display percentage labels on segments
|
|
- [ ] Legend showing "Free" and "Paid" with counts
|
|
- [ ] Monthly no-show percentage trend
|
|
- [ ] X-axis: Month labels
|
|
- [ ] Y-axis: Percentage (0-100%)
|
|
- [ ] Visual threshold line at concerning rate (e.g., 20%)
|
|
- [ ] Preset options: Last 6 months, Last 12 months
|
|
- [ ] Custom date range picker (start/end month)
|
|
- [ ] Charts update when range changes
|
|
- [ ] Default selection: Last 6 months
|
|
- [ ] Tooltips showing exact values on hover
|
|
- [ ] Responsive sizing (charts resize with viewport)
|
|
- [ ] Bilingual labels (Arabic/English based on locale)
|
|
- [ ] Loading state while fetching data
|
|
- [ ] Empty state when no data available
|
|
- [ ] Charts section below statistics cards from Story 6.1
|
|
- [ ] Card-based layout for each chart
|
|
- [ ] Navy blue and gold color scheme per PRD Section 7.1
|
|
- [ ] Responsive grid (1 column mobile, 2 columns tablet+)
|