Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Mexico Map ( D3 & React )

Public visualization

Viewing a saved revision (read-only)

189002b01b1948e68a3cea6652e92a2d

Fork of Mexico Map ( D3 & React )

0 stars2🌍 Public
AAndres de la Garza
Last edited Mar 24, 2021
Created on Mar 22, 2021

This example renders a choropleth-style map of Mexico’s states using a Mercator projection implemented with `d3.geoMercator` and `d3.geoPath`. The SVG marks are drawn from TopoJSON data loaded via `d3.json` and converted with `topojson.feature`, with graticules displayed as background paths. Built as a React component, the visualization fetches state boundaries from a public gist of arcgis.com data, processed with mapshaper. The current center coordinates are set, but the README notes the map still needs alignment on the rendered image.

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