Interactive World (world.svg)

Engine: Leaflet · SVGOverlay with local world.svg

How this works

  • Put a world.svg file next to this HTML.
  • Each country should be a <path> (or group) with an id (ISO code) and data-name (country name).
  • Projection: equirectangular, bounds: [[-90,-180],[90,180]].
  • Hover highlights; click selects & zooms.
Tip: If your SVG lacks attributes, this script will fall back to the title or the id.