Charts

Radar Chart

Compares multiple variables across a common scale. Built with Recharts.

Product Score

SpeedReliabilityUsabilitySecurityPerformanceScalability

Installation

npx benflux-ui add chart

Usage

import { RadarChart } from "@/components/ui/chart"

const data = [
  { metric: "Speed",       value: 85 },
  { metric: "Reliability", value: 70 },
  { metric: "Usability",   value: 90 },
]

<RadarChart data={data} dataKey="value" angleKey="metric" height={300} />