Craft
Small interactive sketches around data visualization, procedural geometry, and CSS animation. Most of these exist because I wanted to see how far the site can go without shipping JavaScript up front.
Infrastructure topology
A simplified service architecture rendered as SVG. Connection lines draw themselves with CSS stroke-dashoffset tied to scroll position. Supporting browsers do not need JavaScript for it.
Deploy frequency
Weekly deployment counts rendered as a D3 bar chart. The D3 submodules (d3-selection, d3-scale, d3-axis,d3-array) are imported only when the chart scrolls into view. It is roughly 18KB gzipped.
Wireframe icosahedron
A rotating wireframe icosahedron rendered with Three.js. The entire library is loaded only when the canvas enters the viewport, roughly 150KB gzipped. Animation pauses when scrolled away. Wire color follows the active theme.