🧠 GEOBRAIN - GeoData Visualization

▸ Chains / LCS — Precisión en vivo

chains_v1 (:9010) scored vs tbl_srv — independiente del monitor v3.3

• R@1/R@3/R@5 jitter-clean
• cortado por GATE_KM (corto prior-fusionado vs largo solo-LCS)
• por avance del viaje (convergencia LCS)
• ETA |err| + sesgo · estilo elevenminds

Auto-refresh 120s | rendered by chains_precision.py

Open chains/LCS precision

Precisión v3.3 (predictor servido)

v5/v6 :9002 — el monitor del modelo en producción (priors→XGB→corridor rerank)

Auto-refresh 120s | precision_monitor.py

Open v3.3 precision

Servidores · salud

v5 / v6 / CPU-WS / réplica DB — uptime, VRAM, timers, logs en vivo

Open servers dashboard

GEOBRAIN DYNAMIC (Option A)

REST API clustering - Fetches clusters from HTTP API on demand

• Google Maps dark theme
• QuadKey clustering (hermano Antuan's pattern)
• Sitio polygons
• Dynamic fetch on pan/zoom

File: 4 KB (no embedded data!) | API: localhost:8114

Open Demo

CUDA WebSocket (Option A - Binary Streaming)

Binary WebSocket queries - GPU-ready architecture with spatial-temporal filtering

• Filter by: empresa, month, day range, tipos
• Binary ArrayBuffer responses
• Interactive query UI
• Real-time streaming

File: 6 KB | WS: localhost:9000 | Format: Binary

Open Demo

GEOBRAIN HYBRID (Embedded)

All data embedded - Google Maps + SVG overlay + WebGL canvas

• 278K eventos embedded
• QuadKey clustering
• Layer toggles (SVG/WebGL/Polygons)
• Dark theme

File: 23 MB (self-contained) | No server needed

Open Demo

Pure SVG Overlay (Leaflet)

16 MB embedded SVG - All eventos as embedded SVG elements, pure DOM rendering

• Viewport filtering
• Vanilla JS (no D3)
• 64K visible in 171ms
• Leaflet basemap

File: 16 MB | Tech: SVG + Leaflet

Open Demo

PNG Texture Experiments (v1-v6)

Testing PNG as data storage - tile coordinate encoding, delta encoding per sitio

Files: empresa60_TILE_COORDS_v*.html

Browse Files

COMPLETE Interactive (127 MB)

Original full dataset with all metadata, tooltips, and 278K Leaflet markers

File: 127 MB | All eventos as Leaflet circleMarkers

Open (slow!)

Trips v6 — Normalized Sitio Filter

Consistent colors — sitio filter keeps full-dataset color scale, hides labels for sitios without trips

• Sitio filter: same colors as full view (no re-normalization)
• Labels: only for sitios with trips
• All v5 features: grouped trip list, arc hover, canvas independent

GPU: 232K trips · 247K sitios · WebSocket ws://192.168.100.71:9000

Open v6

Trips v5 — Grouped Trip List

Group by Route + Sort — collapsible route groups, sorted by trip count/km/speed/braking

• Group by: Route (collapsible) / Flat list
• Sort by: Trips / Distance / Speed / Braking
• Route headers: name, avg stats, trip count badge
• Canvas independent overlay architecture (v4 base)

GPU: 232K trips · 247K sitios · WebSocket ws://192.168.100.71:9000

Open v5

Trips v4 — Canvas Independent Overlay Architecture

mapAdapter abstraction — all overlays on own Canvas 2D, Google Maps = tiles only

• Canvas 2D polygons with Path2D hit-testing (no google.maps.Polygon)
• Arc hover tooltip: route stats on bezier proximity detection
• Arc click → drill-down · Sitio click → popup · Sitio filter
• Tile tooltip with Canvas 2D circle (no google.maps.Circle)
• To swap map provider: rewrite mapAdapter (7 methods)

GPU: 232K trips · 247K sitios · WebSocket ws://192.168.100.71:9000

Open v4

Trips v3 — Sitio Polygons + Tile Tooltips

WebGL bezier arcs, clickable sitio polygons with trip analytics popup, hover tile tooltips

• Click sitio polygon → departures, arrivals, avg km/speed, top routes
• Hover map → tooltip with origin/dest counts in radius
• Route arc click → drill-down to individual trips
• Arc color: trips / speed / distance / fuel / braking

GPU: 232K trips · 247K sitios · WebSocket ws://192.168.100.71:9000

Open v3

Trips v2 — WebGL Arc Routes

Aggregated route arcs with drill-down to individual trips

Base version — no sitio polygons

Open v2

Production Frontend (Coming Soon)

React components with HMR, WebGL shaders for animated heatmaps, Tailwind styling

• Fast refresh during development
• Component-based architecture
• GPU-accelerated visualizations
• Live GIF-style animations

Framework: Vite + React + Tailwind + Three.js/WebGL