Skip to content
ZJ

Lab

Working notes, rendered.

Small interactive explorations of the systems I build with — each one pausable, accessible and honest about what it demonstrates.

interactive

Particle Identity

The ZJ monogram rebuilt as a field of particles. Move the pointer through it — each dot is pushed away and eases back along a spring, the same interaction model that drives the WebGL hero.

  • Canvas 2D
  • Particle systems
  • Pointer physics
Open experiment
interactive

Map at Scale

How CLZTR keeps a city map fast: events are indexed into H3 hexagonal cells, aggregated per cell, and only the cells intersecting the viewport are loaded. Drag the zoom to watch clusters split into individual points.

  • PostGIS
  • H3
  • Vector tiles
  • Viewport loading
Open experiment
interactive

Real-Time Presence

A presence system in miniature. Clients connect over WebSockets, updates flow through a NATS-style broker, and Redis holds the shared presence state — watch messages pulse across the network as nodes come and go.

  • WebSockets
  • Redis
  • NATS
  • Fan-out
Open experiment
interactive

Event Intelligence

The AEMS pipeline visualized: raw events enter on the left, then pass through extraction, validation, normalization and deduplication gates. Invalid records are rejected, duplicates merge, and clean events publish on the right.

  • Go
  • Pipelines
  • Validation
  • Deduplication
Open experiment
prototype

Interface Motion

Small motion studies used across this site — magnetic buttons, staggered list entrances and mask reveals — isolated so their timing and easing can be tuned in one place.

  • Framer Motion
  • Springs
  • Stagger choreography
Open experiment
Discover
Design
Build
Operate

Mask reveal