Actions
Task #848
closed
Task #846: PE-1200: Audition UX Redesign
PE-1202: Stat Distribution Chart
Start date:
2026-05-11
Due date:
% Done:
100%
Estimated time:
Description
As a developer configuring a persona
I want to see a visual radar/spider chart of stat balance
So that I can quickly see if my persona is balanced or specialized
Description:
Add a radar chart showing all 4 core stats:
- Creativity, Verbosity, Patience, Formality
- 1-10 scale on each axis
- Shaded area showing current values
- Optional: show "ideal" shape based on archetype
Visual design:
- SVG-based radar chart
- Phosphor green for filled area
- Grid lines in phosphor/30
- Compact size (150x150px)
Tech Notes:
- Pure CSS/SVG, no external charting library
- Reactive to stats object changes
- Position: below or beside stat sliders
Story Points: 2
Acceptance Criteria:
- Radar chart renders with 4 axes
- Current values shown as filled polygon
- Chart updates when any stat changes
- Responsive sizing
Updated by
Actions