Skip to main content

D3 Marker Clustering w/Unified Mercator & Tile

✓ Published0🌍 Public
Aandrew-reid
Last edited Jul 25, 2018
Created on Jul 25, 2018

This example demonstrates a D3 marker clustering visualization that combines a Mercator projection with slippy-map-style tile loading. The map uses OSM tiles rendered from a unified Mercator projection, while markers are drawn on an SVG canvas. A custom force simulation, based on D3's force module, handles clustering by applying a collision force with an absorption rule: when two markers overlap, the larger one absorbs the smaller, growing in radius and count. The underlying tiles and markers stay synchronized through a unified projection and zoom transform, providing a smooth pan-and-zoom experience with dynamic marker merging.

AI-generated description

A quick merger attempt of a rough draft d3 marker clusterer and a very rough draft of unified geotile layout and geoprojection.