Globe

Globe is an interactive background in the UI HUB interactive backgrounds collection. An interactive, physically-modeled 3D Earth visualization rendered in Three.js with d3-geo equirectangular map projection. GeoJSON landmass boundaries are rasterized to determine land presence vs oceans, populating thousands of instanced spherical particle dots or solid continent textures.

The component is driven by 20 documented props (speed, smoothing, dots, fill, fillColor, scale and 14 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: Three.js; d3-geo; WebGL.

Preview the interactive background in the browser above, copy the source, and paste it into your project. Interactive Backgrounds components in UI HUB are grouped by category so you can compare effects side by side before choosing one.