Analytics: Radar Charts for Strengths/Weaknesses #4
Description
Objective
Create radar charts (spider charts) to visualize user strengths and weaknesses across different ServiceNow domains.
Description
Develop a radar chart visualization that allows users to see at a glance their mastery level in each certification domain (ITSM, HR, Security, PPM, etc.).
Expected Features
Visualization
- Interactive Radar Chart: Polygon showing performance by domain
- Multiple Axes: One axis per ServiceNow knowledge domain
- Normalized Scale: 0-100% for each axis
- Adaptive Colors: Red for weak, green for excellent
Displayed Metrics
- Success Rate by domain (%)
- Number of Questions Mastered vs total available
- Confidence Level (based on response time)
- Recent Progress (improvement over last 7 days)
Interactivity
- Hover on Axis: Display domain details
- Click on Area: Navigate to domain questions
- Entry Animation: Chart draws progressively
- Export: Save radar as PNG/SVG
Acceptance Criteria
- Radar chart displays in the statistics modal
- All domains are represented with accurate data
- Interactions (hover, click) work correctly
- Entry animation is smooth and pleasant
- Design is consistent with the rest of the application
- Responsive design for mobile
- Optimal performance (no lag during rendering)
Data Sources
Use existing questionStates to calculate:
- Performance by domain based on question tags/categories
- Temporal statistics from answer
timestamps - Domain identification from exam manifest
Design Notes
- Integrate into a new "Skills Overview" tab in statistics
- Use a library like Chart.js or Recharts
- Respect existing design system colors
- Provide empty state with explanatory message
Estimation
Complexity: Medium (M)
Estimated Time: 2-3 days