{"version":"1.0","type":"rich","title":"Map animation with D3.js","description":"Choropleth maps with interactive zoom and pan are rendered using SVG shapes, colored in pink and highlighted in red on hover. Built with D3.js and the d3-geo-projection library, the map uses a Bonne projection and displays country names from the World Atlas 50m TSV and GeoJSON datasets. The code constructs map paths with `geoPath`, applies a zoom interaction via `zoom().on('zoom')`, and enables rotation through the projection, though the animation itself is not demonstrated.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f4240ba19afc4eb5bd0295e15facd3d4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}