Stats Chart Widget
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Reusable Flutter widget wrapping fl_chart (or charts_flutter) that renders a bar or line chart for time-bucketed activity data. Enforces WCAG 2.2 AA colour contrast and adds pattern fills so colour is never the sole differentiator. Emits a rich Semantics node containing a plain-text data summary so screen readers read out the full dataset.
stats-chart-widget
Responsibilities
- Accept typed ChartData model and render bar or line series with configurable time buckets
- Apply design-token colours with minimum 3:1 contrast against the background and overlay distinct pattern fills
- Generate a Semantics label summarising every data point for VoiceOver / TalkBack
- Animate chart entry and bucket transitions respecting the system reduce-motion preference
Interfaces
StatsChartWidget({required ChartData data, required TimeBucket bucket})
toSemanticsSummary(ChartData) → String