View Monthly Activity Bar Chart
A monthly bar chart should be displayed on the statistics dashboard, showing the number of activities logged per calendar month within the selected time window. Each bar represents one month, with the height proportional to the activity count. The chart should animate on load and support accessible interaction via screen readers. The implementation uses fl_chart and must respect the design token color system for bar colors.
User Story
Acceptance Criteria
- Given I am viewing the statistics dashboard with a time window spanning multiple months, When the chart renders, Then I see one bar per month with height proportional to my activity count for that month
- Given the bar chart is displayed, When I tap on a specific month's bar, Then I see a tooltip or overlay showing the exact activity count and month name
- Given I change the time window filter, When the filter is applied, Then the bar chart updates to show only the months within the new time window
- Given the chart renders, When I use a screen reader, Then each bar is announced with its month label and corresponding activity count
- Given I have zero activities in a particular month within the range, When the chart renders, Then that month is shown as an empty bar rather than being omitted from the chart
Business Value
Trend visualization over time is essential for recognizing burnout risk, seasonal engagement patterns, and milestone moments. HLF specifically cited a peer mentor with 380 registrations in one year — a monthly chart would make this visible and celebratable. The data also feeds upstream into the coordinator's team view and the Bufdir reporting aggregation pipeline.
Components
- Activity Chart Widget ui
- Monthly Activity Bar Chart ui
- fl_chart Adapter infrastructure
- Stats Repository data
- Stats Data Models data
- Coordinator Statistics BLoC infrastructure
- Personal Statistics Service service