Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mexico Region Map w/ Menu ( D3 & React & TopoJSON )

Public visualization

Viewing a saved revision (read-only)

ed59b5de696b4592ae21af46a1a820ea

Mexico Region Map w/ Menu ( D3 & React & TopoJSON )

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

This example shows a choropleth-style map of Mexico’s twelve regions rendered with D3 and React, using a dropdown menu to select a region. TopoJSON data from ArcGIS is loaded via d3.json, converted to GeoJSON with topojson.feature, and drawn as SVG paths using d3.geoPath with a Mercator projection. The map includes graticules and white state boundaries, with the selection state tracked in React and passed to the Dropdown component.

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