Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

f9c7db4985c04ae68089d98b2f705185

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

0 stars0🌍 Public
AAndres de la Garza
Last edited Jul 27, 2021
Created on Jul 27, 2021

This example renders a choropleth-style map of Mexican regions using a Mercator projection, with each region filled in teal and separated by white borders. The visualization loads TopoJSON data from a GitHub gist, converts it to GeoJSON via `topojson.feature`, and draws paths with `d3.geoMercator` and `d3.geoPath` inside a React component. The map is displayed as an SVG, with a placeholder tooltip context ready for future interactivity.

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