"use client"

import { RadarChart, type RadarChartSeries } from "@/components/radar-chart"

type Skill = { axis: string; score: number }

const current: Skill[] = [
  { axis: "Speed", score: 82 },
  { axis: "Reliability", score: 91 },
  { axis: "Comfort", score: 68 },
  { axis: "Safety", score: 88 },
  { axis: "Efficiency", score: 74 },
  { axis: "Design", score: 79 },
]

const target: Skill[] = [
  { axis: "Speed", score: 90 },
  { axis: "Reliability", score: 85 },
  { axis: "Comfort", score: 80 },
  { axis: "Safety", score: 95 },
  { axis: "Efficiency", score: 88 },
  { axis: "Design", score: 84 },
]

const series: RadarChartSeries<Skill>[] = [
  { key: "current", label: "Current", data: current },
  { key: "target", label: "Target", data: target },
]

export function RadarChartDemo() {
  return (
    <div className="w-full max-w-md">
      <RadarChart series={series} axis={(d) => d.axis} value={(d) => d.score} maxValue={100} />
    </div>
  )
}
RadarChart

Instalação

Exemplo

Dependências
