{"version":"1.0","type":"rich","title":"Map with React & D3","description":"This example renders a choropleth map of India using React and D3. It displays state boundaries as SVG paths, filled with a teal color, against the full browser viewport. The map is projected using `d3.geoMercator` and drawn with `d3.geoPath`, while TopoJSON data is fetched from a remote gist and converted to GeoJSON via the `feature` function. React components manage the data loading lifecycle and render the SVG elements, with D3 handling the geographic calculations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e819f20420194f0591fec0c7586524b0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}