build69
build69  /  Components  /  Charts  /  RadarChart

RadarChart

v1.0.4Updated 25 Jul 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

Related