{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction on World Map on D3.js!","description":"This example demonstrates a geographic visualization of the world with orthographic projection, showing countries as interactive yellow shapes that turn red on hover. The map uses D3.js v5 with the `geoOrthographic` and `geoPath` functions to render country boundaries from the world-atlas TopoJSON and TSV data files, which provide geometry and country names. Interaction includes a zoom feature that transforms the map projection and hover effects that change fill color, with attributes managed through D3’s selection and event handling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ecf74b246a8a45839bb08c3847e5fa76?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}