Client Preview
Flat World Map — 3 Options
All three variants display the same Sanity data (university pins with lat/lng). Hover any pin to see the tooltip card.
Country Fill Map
Countries with Sanity university data are highlighted in brand red. All others stay gray. Hover any filled country to see the university list. Clean, minimal, and immediately readable.
Clean Light Map
SVG-based world map using react-simple-maps (already installed). Light blue ocean theme, zoomable & pannable, animated pulse pins, hover tooltips with university details.
Premium Dark Map
Hand-crafted SVG using d3-geo's Natural Earth projection (also already installed). Full control over every visual element. Deep navy theme with glowing pins.
Dotted Pin Map
Uses the existing dotted-map library (already installed) as a background texture with SVG pin overlay. Warm minimal white theme — same approach as the existing connections map but pins-only.
Heat-Scale Country Map
AnyChart-inspired style: color intensity scales with university count per country. Light pink = 1 university, deep maroon = 5+. Gray (#F7F7F7) for countries with no presence. Color legend at the bottom.
All options use the exact same Sanity countries prop — zero schema changes needed.
Pick your preferred option and the desktop flat map will replace the globe at the lg: breakpoint.