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
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/competitor-radar

Usage

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

PropertyValue
Source@vandoko/competitor-radar
Curated2026-03-30
LicenseMIT
Dependenciesrecharts

On this page