Radar Chart

An animated radar (spider) chart for comparing multiple metrics across two series, with filled or outline series, polygon or circle grids, and an optional glow effect.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Radar Chart to your project and fits it to your theme.

import { RadarChart } from "@/components/ui/radar-chart";

export default function RadarChartDemo() {
  return (
    <div className="flex w-full items-center justify-center p-8">
      <div className="w-full max-w-md">
        <RadarChart />
      </div>
    </div>
  );
}