Epic 5: Visual Shot Analysis Dashboard

[jodli]

Description

Replace number-heavy analytics cards with intuitive visual indicators that make metrics accessible to beginners.

User Stories

• As a beginner, I want to see a simple quality score instead of complex metrics
• As a user, I want to see my consistency improving over time through visual trends
• As a user, I want colored zones showing me what ranges are good

Acceptance Criteria

• Overall "Shot Quality Score" (0-100) with visual gauge
• Color-coded zones: Red (needs work), Yellow (acceptable), Green (excellent)
• Simplified primary metrics with visual context
• Expandable sections for detailed analytics
• Progressive disclosure - advanced metrics hidden by default
• Visual indicators replace or augment raw numbers

Visual Elements

• Gauge/speedometer for overall score
• Progress bars for percentages
• Color coding throughout
• Icons to represent concepts
• Smooth animations for state changes

Calculation Logic

• Quality score based on: consistency, time in range, taste feedback
• Weight recent shots more heavily
• Adjust scoring based on user experience level

Part of #26 Phase 2
Depends on Phase 1 completion