10 pages
Experiments
Visual or technical experiments. Some incomplete, some exploratory. Things that may or may not evolve into something useful.
-
Custom Shaders from First Principles: A Terrain Generator in Three.js
Build a 3D landscape in seven steps with your own GLSL shaders: a grid of vertices, noise, fractal hills, colour by height, lighting, water and fog.
-
Embeddings Explained: Explore How AI Represents Meaning in 3D
An interactive 3D map of about 200 phrases embedded with a real model. See why similar meanings sit together, how semantic search finds answers without shared words, and where it goes wrong.
-
Flocking Algorithm (Boids)
Implementation of Craig Reynolds' Boids flocking simulation in Three.js.
-
How a Database Index Works: A B-Tree in 3D
Watch SQL Server find customers by ID and by surname, page by page. An interactive Three.js model of a table, an index, key lookups and page splits.
-
How SQL Server Joins Tables: Nested Loops, Hash and Merge, Side by Side
Watch SQL Server's three join algorithms join the same rows at the same time, then see which one does the least work at real table sizes, and why.
-
How to Read a SQL Server Execution Plan, in 3D
An interactive 3D execution plan viewer. See where a query's cost goes, why a scan, a key lookup or a bad estimate slows it down, or paste your own plan.
-
OutSystems REST API Implementation
Implementation guide for REST API endpoints in OutSystems to track publish activity and application metrics.
-
Rate Limiting Algorithms Compared: Token Bucket, Leaky Bucket and Sliding Window
Four rate limiters enforce the same limit on the same traffic, side by side in 3D. See why fixed windows let bursts through, how the two buckets differ, and how retries make it worse.
-
Retries, Backoff and Circuit Breakers, Visualised in Three.js
An interactive Three.js simulation of an integration pipeline. Watch messages retry, back off, trip a circuit breaker and land in a needs-attention queue during an API outage.
-
Three.js: Force-Directed Node Graph
A 3D force-directed graph in Three.js. Nodes repel, connections act as springs, and the layout cools until it settles.