Global Quake Monitor |

An advanced WebGL-based data visualization engine built to track, render, and analyze global seismic activity in real-time. The project leverages hardware-accelerated 3D graphics to map complex GeoJSON datasets onto an interactive spherical projection, ensuring high frame rates even when rendering massive data clusters.

Powered by the USGS (United States Geological Survey) API live data feed and optimized for zero-latency DOM updates.

Demo.mp4

Try the Live Demo

⚙️ Core Architecture & Features

• WebGL Geometry Merging: Implementation of pointsMerge to batch hundreds of individual 3D columns into a single mesh, drastically reducing draw calls and preventing VRAM leaks/ghosting artifacts.
• Asynchronous Data Injection: Real-time fetching and filtering of seismic events via AbortController to safely handle overlapping network requests.
• Advanced Camera Kinematics: Custom OrbitControls calibration with physical damping (dampingFactor) and reduced zoom sensitivity for cinematic, fluid navigation.
• Equirectangular Texture Mapping: Dynamic mapping of high-resolution local textures (Earth daymap and deep space starfield) onto the scene background using Three.TextureLoader.
• Responsive Glassmorphism UI: A highly optimized, non-blocking user interface utilizing hardware-accelerated CSS backdrop-filter and dynamic media queries for seamless mobile transitions.

🛠️ Technologies

Core Stack	Implementation Details
	ES6+ Module pattern (IIFE), Async/Await data handling, DOM manipulation
	3D Scene generation, Lighting arrays, Mesh materials, and SphereGeometry
	Geo-spatial coordinate translation, Polygon data mapping, Custom layered tooltips
	CSS Variables, Flexbox UI scaling, Custom WebKit Scrollbars

📦 Quick Start

1. Clone the repository:

   git clone https://github.com/Vor7reX/Global-Quake-Monitor

2. Navigate to the project directory:

   cd sisma-monitor

3. Open the index.html file in any modern browser. (Note: For local texture rendering, running via a local web server like VS Code 'Live Server' is recommended to bypass CORS restrictions).

---

Created by Vor7reX