Claude 5.5 — Six Interactive Web Simulations
Six self-contained HTML5, WebGL, Canvas and SVG applications unified under a master showcase hub: FireTrace 3D wildfire forensic simulator, Doodle Chess AI, Notes-to-Font vector studio, 3D Magnetic Dipole & Faraday Induction lab, AngioView 3D coronary fluoroscopy trainer and 20 Coded Haiku Animations.
What I built
A zero-dependency browser suite implementing all six interactive simulations and creative tools featured in the Claude 5.5 showcase reel, unified under an overview hub and instant embedded iframe switcher:
- 01 — FireTrace (3D Wildfire Spread Simulator): Procedural 3D San Gabriel Mountains terrain (`34.228°N, 118.144°W`) with hourly fire perimeter scrubber (`06:00`–`22:00`), animated wind particles, VLAT Phos-Chek retardant drops, spot-fire ignition and 3 synchronized telemetry charts (Fireline Intensity & Spread, Wind & Gusts, Fuel Moisture & RH).
- 02 — Doodle Chess (Notebook Paper Chess): Lined notebook paper board with hand-drawn SVG pieces (Queen Bee, Star Blob Rook, Doodle Llama Knight, Acorn Bishop, Crowned King, Spotted Toadstool Pawn), red crayon selection rings, full legal chess rules and Minimax Alpha-Beta AI.
- 03 — Notes → Font (
Harshpreet Hand): 6-step pipeline converting 120 pages of handwritten Computer Networks notes into a custom vector typeface with adaptive ink thresholding, Catmull-Rom spline tracing, 8 toggleable handwriting quirks, live specimen typewriter and working.SVGfont export. - 04 — Induction Bench (3D Magnetic Field Lab): Real-time 3D magnetic dipole field lines, draggable bar magnet (`N52`, `N42`, `SmCo28`, `C8`) and multi-turn solenoid (`Cu`, `Ag`, `Al`, `NiCr`), coupled with an analog zero-center galvanometer, dual-trace CRT oscilloscope ($\mathcal{E}(t)$ & $I(t)$) and live Flux Linkage $\Lambda(x)$ plot.
- 05 — AngioView (3D Heart & Fluoroscopy Trainer): Synchronized dual-viewport trainer pairing a 3D anatomical heart and color-coded coronary arterial tree (`RCA`, `PDA`, `LMCA`, `LAD`, `D1/D2`, `S1`, `LCx`, `OM1`) with a real-time simulated C-arm X-ray fluoroscopy projection (`LAO/RAO` and `CRA/CAU` angles, 6 clinical presets, contrast dye bolus and LAD stenosis callout).
- 06 — 20 Coded Poems (Animated Haiku Anthology): 20 nature haikus paired with charcoal-sketch procedural HTML5 Canvas animations, opening with Espalier Pear Blossom, Dew on a Silk Thread and Autumn Ink Feathering.
What was checked
vanovri/claude-six-projects.Release audit: 24 October 2026. All 7 HTML/JS bundles passed automated JavaScript AST/Function compilation checks and render with zero build step in any modern browser.
What this demonstrates
Interactive 3D visualization, physics simulation (magnetic dipole integration, Faraday electromagnetic induction, wildfire Rothermel-inspired perimeter progression, C-arm fluoroscopic projection geometry), procedural generative canvas art and client-side vector typography tooling in self-contained HTML5/JavaScript.