fig. 01 — guide · interactive
observability 101
— Which tool solves which problem: errors, logs, metrics, traces, uptime, alerts. A plain-words map for your first monitoring setup.
open
*lab / experiments & toys
The lab.
Experiments, toys, and half-finished ideas. Come click things.
fig. 02 — data · svg
the journey
— One scroll from prehistory to 1954. Twenty religions, each in the landscape that made it — open the circles, follow the threads.
open
fig. 03 — tool · network
every url, every code
— Crawl a sitemap index, follow every nested sitemap and redirect, and read the HTTP status of every URL. Stop any branch mid-crawl.
open
fig. 04 — canvas · webgl
there is no chaos — only variables
— Equidistant lines through one center, dots cascading along each. Add lines, stagger the motion, flip to a 3D Fibonacci sphere.
open
fig. 05 — video · interactive
field notes on scan lines
— Why a frame is 1080 horizontal stripes, why some start on line 21, and why interlaced and progressive are two ways of paying for motion.
open
fig. 06 — audio · interactive
field notes on loudness
— Dual-mono, the number 0.707, and the strange math of human hearing. Eight ways to measure how loud a thing is.
open
fig. 07 — canvas
run · gun · jump
— A stickman side-scroller. Shoot grunts and turrets. Pop balloons for powers.
open
fig. 08 — canvas
drop · kick · clone
— An orange ball. Gravity. Your cursor kicks it. Click to duplicate.
open
fig. 09 — webgl
instanced cubes
— 500 cubes, drift, mouse pull, seedable. The template route.
open
fig. 10 — sensors
your phone, eight numbers
— what the browser learns when your phone agrees to tell.
open