Impact Visualization Widget
Component Detail
User Interface
high complexity
mobile
0
Dependencies
1
Dependents
1
Entities
0
Integrations
Description
Reusable animated widget that renders individual impact metric slides within the annual summary presentation. Handles animated counters, progress arcs, and illustrated stat cards showing values such as total hours, number of contacts, and activity streaks. Respects system-level reduced-motion preferences with instant-render alternatives.
impact-visualization-widget
Responsibilities
- Render animated metric cards with counter animations
- Display comparative context (e.g., top X% of peer mentors)
- Respect reduced-motion accessibility preferences
- Support configurable metric types and color themes
Interfaces
renderMetricSlide(metricType, value, context)
animateCounter(from, to, duration)
renderProgressArc(percentage)
renderActivityStreak(streakData)
renderContactsSupported(count)
setReducedMotion(enabled)
getSlideSnapshot()