{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction","description":"This example presents an interactive world map built with D3.js version 5 and TopoJSON, using a natural Earth projection rendered as SVG. It displays country boundaries from the world-atlas dataset, with hover states that highlight each nation in red and tooltips showing country names via SVG title elements. The visualization implements d3.zoom for pan and zoom interactions, applying transformations to a group element containing all geographic paths. The sphere background uses a distinct blue fill, while the code loads both TSV metadata for country names and TopoJSON geometry through Promise.all.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ff75074eb8c94a09928bcd35d60eb09d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}