{"version":"1.0","type":"rich","title":"Mexico Region Map w/ Menu ( D3 & React & TopoJSON )","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f5cdcb98737e436b85d246a5528819aa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}