{"version":"1.0","type":"rich","title":"Map Interaction Assignment","description":"This interactive map visualizes global country boundaries using a natural Earth projection, rendered as SVG paths within a zoomable viewport. The map shows the sphere as a blue background and individual countries in green, which turn red on hover, with country names displayed as tooltips. Built with D3 v5, the example uses `d3.geoNaturalEarth1`, `d3.geoPath`, and the `topojson` library’s `feature` function to process world atlas data loaded from TSV and JSON files. A zoom interaction, implemented via D3’s `zoom` event, transforms the map group, allowing users to explore the geographic data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d08bf94fa56346f9b7a2cb909dd66668?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}