Hey r/threejs!

My collaborator Yashasvi and I built GitGlobe, an open-source 3D visualization that maps \~200,000 GitHub commits across the planet in real-time.

Rendering massive point-cloud datasets on the web usually melts browser tabs, so we bypassed traditional DOM rendering entirely.



Technical Details & Optimizations:

• Custom GLSL Shaders: Offloaded coordinate math, particle sizing, and color dynamics directly to the GPU.

• Decoupled State Management: Unhooked Zustand state from the 60fps render loop so hover/click events never stall the canvas.

• LOD & Memory: Packed Uint16 buffer attributes across 3 LOD tiers to keep draw calls minimal.

• Stress Test Results: 0/360 frames dropped during benchmark testing with an 8x performance headroom.



🔗 Live Demo: [https://git-globe-ny0vd78k6-yd-mj.vercel.app](https://git-globe-ny0vd78k6-yd-mj.vercel.app)

⭐ GitHub Repo: [https://github.com/yamantaka-singh/GitGlobe](https://github.com/yamantaka-singh/GitGlobe)



Would love to hear your thoughts, feedback on camera controls, or shader optimization ideas!

Mapping 200,000 GitHub repositories across a celestial 3D sphere using Three.js & GLSL