Skill Radar

Six-axis SVG spider chart, hand-rolled (no chart library in package.json — same precedent as ProgressTrend). Unpracticed axes render dashed with a hollow marker at the origin, never as a score of zero. This page is the visual validation gate for the criterion → axis mapping: the shape must look like a coherent profile, not a broken chart, at n=1, 3, 5 and 10 graded interviews.

1 graded interview — the gate blocks the radar here

/dashboard/profile does not render this shape below 2 graded interviews — a single session's shape moves on noise. Shown here only to demonstrate what the mapping produces at n=1.

Діаграма профілю навичок — текстовий розбір нижче
  • Структура мислення: 2.0 з 5, одна спроба
  • Глибина і трейдофи: 2.0 з 5, одна спроба
  • Комунікація: 3.0 з 5, одна спроба
  • Орієнтація на користувача: не практиковано
  • Метрики і бізнес: не практиковано
  • Робота з невизначеністю: не практиковано

3 interviews, one challenge type (greenfield only)

The scenario the research flagged as the real risk: three axes solid, three axes empty. Profile completeness tracks the variety of challenge types attempted, not the interview count — this is why NextAction exists.

Діаграма профілю навичок — текстовий розбір нижче
  • Структура мислення: 3.0 з 5
  • Глибина і трейдофи: 3.0 з 5
  • Комунікація: 3.3 з 5
  • Орієнтація на користувача: не практиковано
  • Метрики і бізнес: не практиковано
  • Робота з невизначеністю: не практиковано

5 interviews, four different challenge types (demo fixtures)

Five of six axes covered, two of them provisional (single attempt, muted marker). This is the target shape once a user has tried a spread of challenge types.

Діаграма профілю навичок — текстовий розбір нижче
  • Структура мислення: 3.0 з 5
  • Глибина і трейдофи: 3.0 з 5
  • Комунікація: 3.3 з 5
  • Орієнтація на користувача: 5.0 з 5, одна спроба
  • Метрики і бізнес: 2.5 з 5, одна спроба
  • Робота з невизначеністю: не практиковано
PropTypeDefaultDescription
profileSkillProfileOutput of deriveSkillProfile(points) — never null, never needs a guard.
variant'full' | 'compact''full'compact drops axis labels and shrinks — used as a shape teaser in KPI rows.
srOnlyListbooleantrueSet false where a visible SkillBreakdown list already carries the same data, so axes are not announced twice.

10 interviews, six challenge types

Every axis covered with real sample counts — the ceiling case, all edges solid.

Діаграма профілю навичок — текстовий розбір нижче
  • Структура мислення: 3.5 з 5
  • Глибина і трейдофи: 3.4 з 5
  • Комунікація: 3.5 з 5
  • Орієнтація на користувача: 5.0 з 5
  • Метрики і бізнес: 3.3 з 5
  • Робота з невизначеністю: 3.0 з 5, одна спроба

Compact variant

Labels dropped, shrunk to fit an overview KPI row — a shape teaser linking to the full /dashboard/profile page, not a standalone chart.

Діаграма профілю навичок — текстовий розбір нижче
Sergiy Klimkovych

Need a design system like this?

I design and build products end‑to‑end — from first idea and design system to production‑ready code, ready to hand off to your development team.

Product Designer | AI Design Engineer | Designer for Startups | Mobile & Complex SaaS | from Idea to Product | Framer Developer