Radial

RadarChart

Radial categorical comparison chart with polygon or circular grids, filled areas, line-only overlays, dots, and legends.

Examples

Multiple series

Radar Chart - Multiple Compare platform characteristics across dimensions. Desktop Mobile

Radar Chart - Multiple
axis	Desktop	Mobile
Speed	86	72
Memory	74	82
Battery	52	91
Offline	68	64
Search	91	77
Sync	79	84

<RadarChart
  title="Radar Chart - Multiple"
  data={radarData}
  maxValue={100}
  showPoints
  series={[
    {key: 'desktop', label: 'Desktop'},
    {key: 'mobile', label: 'Mobile'}
  ]}
/>

Circle grid

Radar Chart - Circle Grid Circular grid with filled bands. Mobile

Radar Chart - Circle Grid
axis	Mobile
Speed	72
Memory	82
Battery	91
Offline	64
Search	77
Sync	84

<RadarChart
  title="Radar Chart - Circle Grid"
  data={radarData}
  maxValue={100}
  gridShape="circle"
  gridFill
  series={[{key: 'mobile', label: 'Mobile'}]}
/>

Line only

Radar Chart - Lines Line-only mode for dense overlays. Desktop Mobile

Radar Chart - Lines
axis	Desktop	Mobile
Speed	86	72
Memory	74	82
Battery	52	91
Offline	68	64
Search	91	77
Sync	79	84

<RadarChart
  title="Radar Chart - Lines"
  data={radarData}
  maxValue={100}
  showArea={false}
  showPoints
  series={[
    {key: 'desktop', label: 'Desktop'},
    {key: 'mobile', label: 'Mobile'}
  ]}
/>

Props

Prop	Type	Default	Description
`data`	`ChartDatum[]`	`—`	Axis rows. Each row includes the axis label and every series key.
`series`	`ChartSeries[]`	`—`	Series config with key, label, color, icon, and unit metadata.
`xKey`	`string`	`'axis'`	Field used for radial axis labels.
`maxValue`	`number`	`—`	Explicit maximum for the radial value scale.
`gridShape`	`'polygon' \| 'circle' \| 'none'`	`'polygon'`	Grid geometry.
`gridFill`	`boolean`	`false`	Fill grid bands for a denser radar style.
`showArea`	`boolean`	`true`	Render translucent filled series areas.
`showPoints`	`boolean`	`false`	Render points at every series/axis value.

Install

CLI

npm install d3-array d3-scale
npx @a3tai/mittsu add radar-chart --registry ./packages/charts/registry.json