{"version":"1.0","type":"rich","title":"Points on a map","description":"This example displays a natural Earth projection world map with city locations plotted as semi-transparent teal circles. It loads world geography from the World Atlas TopoJSON and city coordinates from a CSV file. Using React hooks, it fetches both datasets and renders them as SVG elements. The map includes graticules, country boundaries, and interior borders, with cities positioned via the `d3.geoNaturalEarth1` projection and `d3.geoPath`. The visualization is built with D3 v6, React, and uses `d3.geoGraticule` for the background grid.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4ae95ec5d6114aa280174f7c3e98ddf8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}