{"version":"1.0","type":"rich","title":"Map Interaction with D3.js","description":"This example shows an interactive world map with zoom and pan capabilities, where hovering over a country highlights it in red. Built with React and rendered as SVG, it uses D3.js v5 with `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw countries from TopoJSON data. A `d3.zoom` handler transforms the map group on user interactions, while `d3.tsv` loads country names from a World Atlas TSV file to populate tooltips. The map features a steel-blue ocean sphere and light-green landmasses.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}