Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Mexico Region Map ( D3 & React & TopoJSON )

Public visualization

Viewing a saved revision (read-only)

5e53b519b66844948152a8031f624fe3

Fork of Mexico Region Map ( D3 & React & TopoJSON )

0 stars5🌍 Public
AAndres de la Garza
Last edited Jul 8, 2021
Created on Jul 6, 2021

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.

AI-generated description

used arcgis.com data for plotting states and boundaries mapshaper.org to create JSON of states witin mexico using mercator projection Still need to center on the rendered image