World Map Analytics

Usage

import WorldMap from "@/components/worldmap";

// Your data object with country names/codes as keys
const data = {
  india: 6,
  china: 7,
  canada: 3,
  usa: 15,
  brazil: 4,
  // ... more countries
};

// Optional custom color scale
const colorScale = {
  empty: "#1a1a2e",
  low: { r: 45, g: 55, b: 72 },
  high: { r: 99, g: 179, b: 237 }
};

<WorldMap
  data={data}
  title="My Analytics"
  colorScale={colorScale}
  showLegend={true}
  showValues={true}
  onCountryClick={(key, value, name) => {
    console.log(`Clicked ${name}: ${value}`);
  }}
/>

Supported Countries