Team Performance Dashboard

HR

Multi-dimensional team analysis with radar comparisons, skill heatmap, performance trends, and individual scorecards.

Team Comparison
SpeedQualityReliabilityCommunicationInnovationLeadership
Individual Scores
Alice ChenBob SmithCarol WuDavid KimEva LopezFrank Li
Quarterly Performance Trend
Q1 23Q2 23Q3 23Q4 23Q1 24Q2 24Q3 24Q4 247580859095EngineeringDesignProduct

Implementation

dashboard.tsx
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>
  )
}