# Chart Radar Compare

Comparative evaluation of vendors across six weighted criteria.

- id: `chart-radar-compare`
- Page: https://agentic-ui-kit.com/components/chart-radar-compare
- Live preview: https://agentic-ui-kit.com/live/component/chart-radar-compare

## Install

```bash
agentic-ui add chart-radar-compare
npx shadcn@4.17.0 add @agentic-ui/chart-radar-compare
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** multi-dimensional-comparison, radar-polygon-plot, polygon-or-circle-grid, per-axis-normalization, axis-keyboard-inspection, series-legend-toggle, textual-axis-readout, range-validation, loading-skeleton, error-fallback, empty-state
- **Intents:** show-composition, compare-over-time, track-status
- **Suits domains:** analytics, operations, saas, ai-workspace, project-management, crm
- **Interaction:** keyboard-navigation, hover-inspection, legend-toggle
- **Screen role:** overview
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Comparative evaluation of vendors across six weighted criteria, Operations scorecard contrasting the current quarter, the previous one and the target, Capability profile of two AI models on latency, accuracy and coverage
- **Avoid when:** More than eight dimensions or more than three simultaneous series: the polygon becomes hard to read, Continuous time series with many observations, where a line chart fits
- **Preserve when adapting:** radial-geometry, axis-normalization, keyboard-interaction-model
- **Replace when adapting:** domain-copy, axis-labels, series-metrics
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** card, badge, button
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0