RadarChart

Basic

Axis	Current
Perceivable	80
Operable	65
Understandable	90
Robust	70

import { RadarChart } from '@eekodigital/raster';

<RadarChart
  axes={['Perceivable', 'Operable', 'Understandable', 'Robust']}
  series={[{ name: 'Current', data: [80, 65, 90, 70] }]}
  aria-label="POUR principle scores"
/>

Multi-series comparison

Compare current state against a target or another audit.

CurrentTarget

Axis	Current	Target
Perceivable	80	100
Operable	65	100
Understandable	90	100
Robust	70	100

<RadarChart
  axes={['Perceivable', 'Operable', 'Understandable', 'Robust']}
  series={[
    { name: 'Current', data: [80, 65, 90, 70], color: 'var(--color-interactive)' },
    { name: 'Target', data: [100, 100, 100, 100], color: 'var(--color-success)' },
  ]}
  max={100}
  aria-label="Current vs target"
/>

Props

Prop	Type	Default	Description
axes	string[]	—	Axis labels (one per data point)
series	RadarSeries[]	—	{ name, data: number[], color? }
max	number	Auto	Maximum axis value. Auto-detected if not set.
size	number	300	Chart size in pixels
levels	number	4	Number of grid levels
aria-label	string	—	Required.