Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Mexico Map ( D3 & React )

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed