Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Beautiful Viz-Rotating Globe-Interactive Visualization-For Hero section

Public visualization

Viewing a saved revision (read-only)

7907d136c7d94faabae178c21eefecb9

Beautiful Viz-Rotating Globe-Interactive Visualization-For Hero section

0 stars0🌍 Public
NNita
Last edited Nov 15, 2023
Created on Nov 15, 2023
Forked from React Starter

A rotating globe serves as an interactive hero banner, displaying a textured Earth with illuminated city points. Built with React, it uses Three.js with the `useFrame` hook to continuously rotate the sphere and `d3.geoPath` to project geographic coordinates from Natural Earth data. City locations are plotted as glowing dots using point sprites, with a starfield background created via Three.js points. The visualization dynamically updates each frame, offering a smooth, immersive introduction for a webpage.

AI-generated description

React Starter code.