UI & Feature ContributionWebshake / Open Source2024

Geothree 3D Geospatial Analytics Platform

Interactive WebGL Spatial Data Visualization

Interactive 3D geospatial visualization platform rendering spatial point clouds, terrain elevation models, and real-time geographic data overlays in browser.

https://demo.danielkamasi.my.id/Full-Res Preview
Geothree 3D Geospatial Analytics Platform detailed screenshot

60 FPS WebGL

Rendering

Active Online

Live Demo

Executive Overview & Context

Geothree is a high-performance 3D spatial analytics web application designed to render complex geographic datasets, terrain maps, and real-time spatial vectors directly inside standard web browsers without desktop GIS plugins.

The Problem & Challenge

Visualizing multi-layered 3D spatial data usually requires heavy desktop software (QGIS, ArcGIS). Existing web maps are often restricted to flat 2D tile layers.

Engineering Solution & Architecture

Constructed using Three.js and WebGL for client-side GPU rendering, supported by a specialized Node.js spatial server using Turf.js for real-time coordinate transformations and geometry calculations.

Key Features Breakdown

01

GPU-Accelerated 3D Terrain & Mesh Viewer

Smooth 60 FPS rendering of 3D elevation maps, building heights, and spatial heatmaps with custom lighting and camera controls.

02

Real-Time Spatial Stream via WebSockets

Streams live GPS coordinates, moving markers, and spatial polygons directly to the WebGL viewport.

03

Spatial Measurement & Layer Controls

Interactive 3D measurement tools for calculating distances, areas, and elevation profiles directly on the rendered model.

Technical Architecture

3D Engine & Graphics

Three.jsWebGLHTML5 CanvasGLSL Shaders

Geospatial Server

Node.jsExpressTurf.jsWebSockets

Hosting

Linux Server / Cloud Demo

UI & Feature Contribution

Daniel Kamasi designed and integrated key frontend UI components, responsive flows, and custom backend modules.