{"version":"1.0","type":"rich","title":"D3 Marker Clustering - Shipwrecks","description":"This visualization displays shipwreck locations as clustered markers on a zoomable map of the Atlantic coast. It combines a Mercator tile basemap (rendered in SVG) with a force-directed clustering algorithm that merges nearby markers into larger circles as the view zooms out, and splits them apart when zooming in. The cluster force is implemented in a custom module (d3-cluster.js) that extends D3's force simulation to absorb overlapping nodes into weighted aggregates, with circle sizes proportional to cluster member counts. An invisible SVG overlay uses D3's quadtree-based collide detection on canvas-rendered markers, which lets the visualization handle large datasets efficiently while preserving geographic context through d3-tile map tiles.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-21ff4b57267fa91dacc57ef1ccb7afb3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}