Hexbin clustering — group nearby developers at zoom-out

[sajeetharan]

Summary

At low zoom levels, group nearby developers into hexagonal clusters showing developer density. Expand into individual points when zoomed in.

Why

With 26k+ points, the globe is cluttered at zoom-out. Clustering provides a clean overview and smooth transition to detail on zoom.

Requirements

• Cluster nearby developers into hex bins at low zoom
• Show cluster size as hex height/color intensity
• Smooth transition: clusters dissolve into individual points on zoom-in
• Click cluster to zoom into that region
• Show cluster tooltip: '47 developers in this area'

Tech Notes

• Use d3-hexbin or h3-js for spatial indexing
• Listen to globe zoom level via controls and switch between clustered/individual views
• Threshold zoom level to toggle between modes
• May need to debounce zoom events for performance