Sketches
Experiments I have attempted over the years and how they work. Mostly front-end little sketches with React.js and Three.js.
WebGL Raymarcher
A scene built from signed distance fields(SDF). Move the cursor to relight; drag the slider to morph between two compositions.
webglglslraymarchingsdfsigned distance fieldshadersinteractivepocPerlin Noise Vector Field
A 2D Perlin-noise flow field rendered in p5.js. Particles drift along the field; a slider tunes how many of each particle’s recent positions you see.
p5.jsgenerativeflow-fieldnoiseinteractivep5 probe (color)
Same as the other p5 probe, but with color.
p5.jsutilitycolorpocp5 probe
A circle, a frame counter, and the page theme — the smallest possible p5.js sketch on the site. A sanity check for the canvas + theme + resize plumbing every other p5 sketch depends on. If this stops drawing, every other p5 sketch on the site is also broken.
p5.jsutilitypocLLM Judge Bias Map
A faceted view of where a stock LLM-as-judge agrees and disagrees with human labels on forty customer-support responses. The standard 2×2 confusion matrix says the judge is fine. The faceted version says something more specific: the disagreements cluster on the response types where the bot sounded helpful — workarounds, escalations, redirects — and the judge bought every one. The bias is not noise. It has shape.
data-vizd3evaluationmachine-learninginteractiveReact Business Card
An interactive 3D business card made with React. Tilt with your mouse, or on mobile, with your device.
react.jscss3dinteractiveIcosahedron Rotation
A faceted icosahedron rotating in 3D space.
three.jsrotation3D