{"version":"1.0","type":"rich","title":"Mexico Region Map ( D3 & React & TopoJSON )","description":"This example displays a map of Mexico rendered as a single-color choropleth, with state boundaries outlined and a graticule overlay. The visualization uses a Mercator projection via `d3.geoMercator` with the map centered on the country. The geographic data is loaded from a TopoJSON file fetched with `d3.json` and converted to GeoJSON using `topojson.feature`, with the shapes drawn by `d3.geoPath`. The implementation is built with React, managing the asynchronous data fetching through a custom hook and rendering the SVG marks as React components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f8348b0d59054468902da40bf2922014?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}