{"version":"1.0","type":"rich","title":"Let's make a face with D3","description":"This example shows a world map rendered from TopoJSON data, with red circles marking port locations from a CSV file. The map uses an equirectangular projection centered on a specific region, and the visualization supports zooming and panning through D3’s zoom behavior. The code uses `d3.geo.equirectangular()`, `d3.geo.path()`, and `topojson.feature` to draw country boundaries, while circles are placed using the projection function on longitude and latitude coordinates. The SVG output is styled with a hidden overflow.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/06774f236e3b41e6bd971793c8cca8ae?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}