This interactive map visualizes the twelve administrative regions of Mexico. Using a Mercator projection centered on the country, the map displays regional boundaries with white outlines over a green fill on a light-gray graticule background. Built with React and D3 v6, the visualization relies on `d3.geoPath` and `d3.geoMercator` for geographic projections. Regional data is sourced from ArcGIS, converted to TopoJSON via Mapshaper, and fetched from a GitHub Gist using `d3.json` and TopoJSON's `feature` function, with SVG rendering for the output.