{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction On a D3.js World Map!","description":"This example shows a world map rendered as SVG paths, with hover highlighting on individual countries and zoom and pan interaction. It uses d3.geoMercator, d3.geoPath, and topojson.feature to project and draw the map from world-atlas TopoJSON and TSV data. d3.zoom and d3.event handle the zoom transform. A CSS :hover rule changes country fill to red, and SVG <title> elements display country names from the TSV mapping.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1b2ccf5997a64c54a66bc213e090931b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}