◈ CRUCIX Intelligence Dashboard

Inspired by: calesthio/Crucix ⭐ 5.1k
Live: https://mvp.trollefsen.com/2026-03-20-crucix/
Built: 2026-03-20 | AI-generated nightly MVP

---

A Jarvis-style OSINT intelligence dashboard with a 3D globe, live data feeds, market tickers, news ticker, risk gauges, and sweep cycle monitoring.

Features

Boot Sequence

Cinematic terminal-style initialization animation before the dashboard reveals. Shows crypto handshake, satellite uplink, source registry, data loading, risk calibration — then ◈ CRUCIX ONLINE.

3D Globe (Globe.gl)

• 50 geolocated events: fires 🔴, conflicts 🔴, health alerts 🟣, radiation ☢️
• Animated flight arcs for 20 routes (including 4 classified GHOST/SHADOW routes in amber)
• Region filter buttons: Global / Americas / Europe / Asia / Africa
• Tooltip on hover with event details

Market Ticker Bar

Scrolling horizontal ticker with 15 indices: SPX · NDX · DJI · VIX · BTC · ETH · GOLD · OIL · NAT GAS · USD INDEX · EUR/USD · 10Y YIELD · SILVER · COPPER · WHEAT

OSINT Intelligence Feed

30 intelligence items with severity badges (FLASH / PRIORITY / ROUTINE), source tags, timestamps. Filterable. Items cover: SIGINT intercepts, HUMINT assets, APT cyber activity, GEOINT satellite imagery, FININT sanctions evasion, WHO disease alerts.

Risk Gauges

4 circular SVG gauges:

• VIX Fear Index — 23.47 [ELEVATED]
• Global Threat Index — 67.3 [HIGH]
• Supply Chain Stress — 58.4 [STRESSED]
• Radiation Baseline — 0.24 μSv/hr [NOMINAL]

Sweep Status Bar

Animated scan-line with live countdown: Last sweep / Next sweep / 27/27 sources nominal / Active events / Flash alerts. Simulates 15-minute sweep cycles.

Active Events List

Filterable by type. Color-coded severity. 50 events across 30+ cities worldwide.

Tech Stack

• Vite — build tooling, TypeScript compilation, static export
• TypeScript — strict typing throughout
• Globe.gl — WebGL 3D globe via CDN
• Custom CSS — pure HUD dark theme, no framework
• Fonts: Orbitron (display), Share Tech Mono (data), Inter (UI)

Data

All static mock data in public/data/:

File	Contents
events.json	50 geolocated events with lat/lng/type/severity
markets.json	15 market indices with price/change
osint.json	30 intelligence feed items
flights.json	20 flight arcs with origin/destination

Build

npm install
npm run build
mv dist out

Deployed to https://mvp.trollefsen.com/2026-03-20-crucix/ via Caddy static file server.

Design

Color palette:

• Background: #020a10 (near-black)
• Accent: #00d4ff (cyan)
• Success: #00ff88 (green)
• Warning: #ffaa00 (amber)
• Danger: #ff3333 (red)

Visual effects:

• Glowing panel borders (box-shadow: 0 0 15px rgba(0, 212, 255, 0.08))
• Animated scan line on sweep bar
• Blinking status dot on header
• CRT scanline overlay (CSS repeating-linear-gradient)
• Boot logo flicker animation