import { ChartRadar } from "@/components/chart-radar"
const data = [
{ metric: "Speed", team: 86, benchmark: 72 },
{ metric: "Quality", team: 78, benchmark: 80 },
{ metric: "Uptime", team: 94, benchmark: 88 },
{ metric: "Security", team: 70, benchmark: 76 },
{ metric: "Cost", team: 62, benchmark: 70 },
{ metric: "Support", team: 88, benchmark: 65 },
]
export function Demo() {
return (
<ChartRadar
data={data}
title="Team vs. benchmark"
description="Q3 engineering scorecard"
index="metric"
series={[{ key: "team", label: "Team" }, { key: "benchmark", label: "Benchmark" }]}
/>
)
}
Updates live as you change the controls. Only non-default props are included.