Engineering notes
Breaking spatial and data problems into hands-on examples. A record of implementation, principles and the decisions behind them.
START HERE / MODEL RENDERING
How does a 3D model reach the browser?
Follow GLB and STEP through real materials, meshes and tessellation.
Three.js · OpenCASCADE · WebAssemblyRead & explore ↗
01 / Field data & deformation
One part. Multiple fields.
Switch displacement fields and see color and shape update together. Separate geometry, data and presentation.
Three.js · Field data · Buffer updatesOpen study ↗
02 / Points, clusters & camera state
From a label to a map.
Find a point, expand a cluster and change perspective. Explore how one dataset connects a list and a map.
MapLibre · Clustering · Camera stateOpen study ↗