Team Performance Dashboard
HRMulti-dimensional team analysis with radar comparisons, skill heatmap, performance trends, and individual scorecards.
Implementation
import { RadarChart, HorizontalBarChart, LineChart } from "@chartts/react"
export function TeamDashboard() {
return (
<div className="space-y-6">
<div className="grid grid-cols-2 gap-4">
<RadarChart
data={teamSkills}
axes={["Speed","Quality","Reliability","Communication","Innovation","Leadership"]}
fill className="h-96"
/>
<HorizontalBarChart data={scores} x="name" y="score" className="h-96" />
</div>
<LineChart
data={trends}
x="quarter" y={["engineering","design","product"]}
className="h-72"
/>
</div>
)
}