Components
Competitor Radar
Spider chart comparing dealer vs competitors across multiple dimensions.
Competitor Radar
Radar/spider chart comparing a dealer against competitors across configurable dimensions like pricing, inventory, market share, digital presence, and customer satisfaction.
Preview
Loading preview...
Installation
Terminal
$npx shadcn@latest add @vandoko/competitor-radarUsage
import { CompetitorRadar } from "@/components/competitor-radar";
export default function Dashboard() {
return (
<CompetitorRadar
dealerName="Your Dealership"
dimensions={[
"Pricing",
"Inventory",
"Market Share",
"Digital",
"Satisfaction",
]}
competitors={[
{
name: "Your Dealership",
scores: {
Pricing: 78,
Inventory: 85,
"Market Share": 62,
Digital: 90,
Satisfaction: 88,
},
},
{
name: "Competitor A",
scores: {
Pricing: 82,
Inventory: 70,
"Market Share": 75,
Digital: 65,
Satisfaction: 72,
},
},
]}
/>
);
}Features
- Recharts RadarChart — Polar grid with configurable dimensions
- Multi-competitor — Up to 4 competitors with distinct color series
- Dealer highlight — First competitor rendered with higher opacity and thicker stroke
- Series legend — Color-coded competitor names below the chart
Lineage
| Property | Value |
|---|---|
| Source | @vandoko/competitor-radar |
| Curated | 2026-03-30 |
| License | MIT |
| Dependencies | recharts |