View Monthly Activity Bar Chart
The monthly activity bar chart must render using fl_chart via the fl-chart-adapter component. Each bar represents one calendar month within the selected time window, with bar height corresponding to total activity count. Bars should be color-coded by activity type if the selected window spans 3 months or fewer; for longer windows, a single coordinated color is used for readability. The chart must support accessibility: bars must have semantic labels readable by VoiceOver/TalkBack, and a data table fallback must be accessible via a toggle button for screen reader users. Tapping a bar navigates to a filtered activity list for that month.
User Story
Acceptance Criteria
- Given the coordinator is on the statistics screen, When the monthly chart renders, Then each visible month in the selected window is represented by a bar with the correct activity count
- Given the coordinator taps a bar on the chart, When the navigation fires, Then they are taken to an activity list filtered to that specific month
- Given a screen reader is active, When the chart is focused, Then each bar announces its month name and activity count via semantic labels
- Given the coordinator toggles the accessibility table view, When it renders, Then a data table shows month and count columns as an alternative to the visual chart
- Given the selected time window changes, When the chart re-renders, Then the x-axis labels and bar data update to match the new period
Business Value
Visual trend data transforms raw activity counts into actionable insight. A coordinator who can see that March had half the usual activities can follow up with peer mentors who may be struggling or unaware of reporting requirements. This directly addresses the mass under-reporting problem identified in all three organization workshops and supports coordinators in fulfilling their oversight responsibilities.
Components
- Monthly Activity Bar Chart ui
- fl_chart Adapter infrastructure
- Coordinator Statistics BLoC infrastructure
- Coordinator Statistics Service service
- Stats Repository data
- Supabase Stats Database Views infrastructure
- Activity Chart Widget ui
- Stats Data Models data
Dependencies
- Filter Statistics by Time Window critical