Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Mexico map

Public visualization

Viewing a saved revision (read-only)

e64d483051bd4a71b5465ff0d94ddd84

Fork of Mexico map

0 stars0🌍 Public
SSheela2930
Last edited Apr 12, 2023
Created on Apr 12, 2023
Forked from Mexico map

This example visualizes a map of Mexico using a Mercator projection, displaying state boundaries and graticules. Built with React and D3 v6, the code fetches TopoJSON data from a gist, converts it to GeoJSON features with the `topojson` library’s `feature` function, and renders the paths using `d3.geoPath` and `d3.geoMercator`. The map is centered approximately on [-102, 24] and uses colorful strokes and fills to distinguish land, graticules, and other layers.

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