{"version":"1.0","type":"rich","title":"22. Making World Map using D3 and React","description":"This example renders a world map using D3.js and React, displaying landmasses, graticules, and country interiors in a Natural Earth projection. It uses `d3.geoNaturalEarth1()` for the projection, `d3.geoPath` to draw geographic features, and `d3.geoGraticule` for the coordinate grid. Country boundaries are styled using CSS classes, with land filled in teal and interiors outlined. The map data comes from the `world-atlas` package, which is loaded via `d3.json()` and processed with `topojson` functions `feature()` and `mesh()`. The rendering is done through SVG elements within a React component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e373d20c890a4bea86e56d6d6a8016d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}