---
id: 6-2
title: 6-2 Analytics Charts
status: QA Review
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+)