🌍 Public
Viewing a saved revision (read-only)
f4321adfabdb4bfd9e97680d5e2b0385
Mexico Map
This example displays an interactive map of Mexico's regions, rendered as SVG paths using the D3.js `geoMercator` projection and `geoPath` function. The map is built with React, loading TopoJSON data from a GitHub gist via the `topojson` library's `feature` function. A graticule overlay uses the `geoGraticule` API, and the regions adopt a gray fill color from the CSS, with hover states that change the stroke to pink.
AI-generated descriptionReact Starter code.