Three.js Globe Visualization

What this builds

A production 3D globe rendered with Three.js that visualizes geospatial data as points, arcs, heat regions, and labels on a spherical earth. The globe supports orbit controls, lat/lng-to-3D coordinate conversion, instanced rendering for thousands of data points, animated arc connections between locations, and a data-binding API that updates the visualization when the underlying dataset changes.

• Spherical earth geometry with equirectangular texture projection.
• Lat/lng to 3D coordinate conversion for accurate point placement.
• Instanced point rendering (10,000+ simultaneous data points at 60fps).
• Animated quadratic Bezier arcs between location pairs with configurable height and color.
• Region/country highlighting via vertex coloring or overlay geometry.
• HTML label system that tracks 3D positions and handles occlusion (hides when behind the globe).
• Orbit controls constrained to prevent flipping and with auto-rotate at idle.
• Data binding: update dataset and the globe re-renders points/arcs without full reconstruction.
• Full dispose lifecycle.