All projectsGeospatial
Map Clustering
Adaptive clustering for dense point data
Live demo
Explore the clustered map
Hundreds of vendors clustered in real time — click a cluster to zoom in, click a pin for details.
Powered by a mock API and React Query
Overview
Map Clustering keeps interactive maps responsive under millions of points by moving clustering into Web Workers with Supercluster. Clusters recompute per zoom level and animate smoothly as points merge and split, keeping the UI thread free for interaction.
Key features
- Off-main-thread clustering via Web Workers
- Zoom-aware adaptive cluster radii
- Animated merge/split transitions between zoom levels
- Click-to-expand spiderfier for overlapping points
Highlights
- Handles 1M+ points without blocking the UI
- Cluster recompute under 30ms per zoom step
- Smooth 60 FPS map interaction throughout
