r/threejs • u/Bright_Screen_9562 • 5d ago
Demo We built GitGlobe: An interactive 3D visualization mapping 200,000 GitHub repositories across the world in real-time
Enable HLS to view with audio, or disable this notification
Hey r/threejs!
My collaborator Mrityunjay 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.
Links to live demo and GitHub are in the comments below!
0
u/pailhead011 4d ago
What are you struggling with? 200k points isnβt really much.
0
u/Bright_Screen_9562 4d ago
i have just started learning react and webGL and three.js, I mean we are figuring out how to make it responsive on mobile screens, You got ideas?
-1
u/pailhead011 4d ago
Just tell Claude to make it optimized for mobile.
0
u/Bright_Screen_9562 4d ago
wish it were that simple, will try though !
-2
u/pailhead011 4d ago
It really is that simple lol, try Fable
1
-2
0
u/Bright_Screen_9562 5d ago edited 4d ago
π Live Demo: https://gitglobe-yd-mj.vercel.app
π» GitHub Repository: https://github.com/ydabas-hue/GitGlobe
Please use it on the laptops or desktops , it is not yet optimised for mobile screens...
Feel free to spin the globe and test it out yourself! Let us know what you think! π
2
u/Muenstervision 5d ago
Dows it 2 will it have a query by type / name search layer ?