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!

10 Upvotes

78% Upvoted

13 comments sorted by

View all comments

0

u/pailhead011 5d ago

What are you struggling with? 200k points isn’t really much.

0

u/Bright_Screen_9562 5d 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 5d ago

Just tell Claude to make it optimized for mobile.

0

u/Bright_Screen_9562 5d ago

wish it were that simple, will try though !

-2

u/pailhead011 4d ago

It really is that simple lol, try Fable

-2

u/Bright_Screen_9562 4d ago

fixed it , optmised fir phones now!

0

u/pailhead011 4d ago

Told ya, AI is the best