build69
build69  /  Components  /  Charts  /  RadarChart

RadarChart

v1.0.9Updated 20 Oct 2026

Multi-axis polar / radar / spider chart — recharts-backed. Use to compare items across multiple metrics in one shape.

Preview

Live · 7 stories
Product ComparisonOpen ↗
▸Why this is recommendedchartradarspiderpolar+4

RadarChart — product comparison.

Recommended for+14
  • ✓Product comparison across dimensions
  • ✓Team skill matrices
  • ✓Multi-metric benchmark
Tags+6
chartradarspiderpolarcomparisonrechartsdata-vizproduct
Features+4
  • Multi-axis polar grid
  • Multiple overlaid series
  • Filled or stroked option
  • Hover tooltip
  • Legend
Not recommended for−2
  • ✕Time-series (use LineChart)
  • ✕Single metric (use Sparkline)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "RadarChart" })

Usage

import { RadarChart } from '@/components/data-viz/radar-chart';

<RadarChart data={skills} filled />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
data

Series per axis

RadarDatum[]yes
filled

Fill polygons under each series

boolean—
allowDecimals

Let the radial scale place fractional ticks. Defaults to false when every plotted value is a whole number, so a 0 to 1 score scale reads 0, 1 instead of 0, 0.25, 0.5, 0.75, 1

boolean—
tickCount

How many radial ticks to aim for. Defaults to five, or to the number of whole steps the scale spans when that is fewer

number—

Related