{"version":"1.0","type":"rich","title":"Activity 8 Q5A","description":"This example renders an interactive world map using D3.js version 5 and TopoJSON. It displays countries as light green paths with indigo borders on a skyblue spherical backdrop, using the equirectangular projection and d3.geoPath. The map loads country boundaries from the world-atlas 110m TopoJSON dataset via a CDN. Users can pan and zoom the map through d3.zoom, while hovering over a country changes its fill to maroon via CSS. The code demonstrates importing specific D3 modules and the topojson feature method for GeoJSON conversion.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d8f08cc52c904293b97748d867bd1648?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}