{"version":"1.0","type":"rich","title":"Cheap tricks for interaction","description":"This example shows a zoomable world map highlighting national borders and country names based on a CSV dataset. The map uses a natural Earth projection and renders geographic features with `d3.geoPath` and TopoJSON from the world-atlas package. Pan and zoom interactions are implemented with the `d3.zoom` API, while hover effects change country fills via CSS. The code fetches country names from a CSV file and builds a lookup table with `csv().then()` to attach tooltips.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/67d8764e3d7f4adc997a34a78d488092?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}