← Labs three.js · live DOM screen · on-device
AI Lab · The Edge Device

A data platform in your pocket.

A phone is the smallest data platform. This one — a real 3D device built in three.js — ships its own profiler, its own SQL engine, its own vector index, its own knowledge graph and its own language model. One dataset flows through every app; nothing leaves the tab. Drag to orbit it; tap an app to run it. Each app is a working piece of my actual stack — the whole device is my portfolio, in miniature.

Loading 3D engine…
drag to orbit · tap an app
1 Faucet · generate 2 Profiler · measure 3 Query · DuckDB-WASM 4 Nearest · embeddings 5 Atlas · knowledge graph 6 Copilot · in-browser LLM

How it works. The phone body is real WebGL geometry (three.js), and the screen is live HTML projected into the 3D scene with CSS3DRenderer — so the apps are genuinely interactive: real taps, scrolling and text input, fully accessible, not a video. The data layer generates synthetic datasets shaped after projects I've shipped (NaPTAN/DfT, Five Faces, Good Law, Alerto PH, Brick Rewards), then runs them through tools that mirror my labs: a profiler, DuckDB-WASM for SQL, transformers.js sentence-embeddings for semantic search, a force-directed ontology, and an in-browser LLM (WebLLM) for the data-quality read. The heavy engines load on demand; everything runs on your device, no API keys. Built by John Mikel Regida.

The Edge Device · an original lab by John Mikel Regida three.js · CSS3DRenderer · DuckDB · transformers.js · WebLLM