Interactive visual experiments.
Generative
Generative Art — Canvas
JavaScript · Canvas API · ASCII rendering
A real-time ASCII character field that responds to mouse movement, generating evolving patterns from typographic density. Characters shift and morph based on proximity, speed, and time.
Move your cursor to sculpt the field. Hold still and watch it breathe.
Generative Art — Particle System
JavaScript · Canvas API · Perlin noise
Thousands of particles trace paths through an invisible flow field, leaving trails that accumulate into organic, plant-like structures. The field evolves continuously — no two moments are the same.
Click to drop a burst of particles. Let the garden grow.
Generative Art — Geometric
JavaScript · Canvas API · Trigonometry
Concentric rings oscillate at different frequencies, creating interference patterns and moiré effects. The relationships between ring parameters produce emergent visual harmonics.
Watch the interference patterns emerge from simple harmonic motion.
Data-Driven
Data Visualisation — Real-time
JavaScript · Three.js · WebSocket · CoinCap & Coinbase APIs
A slowly rotating sphere bristling with live cryptocurrency trades. Each spike is a real transaction from Coinbase and CoinCap exchanges — buy trades spike outward, sells spike inward. Spike height maps to trade value; colour maps to asset. 16 assets tracked across three WebSocket streams.
Drag to orbit. Watch for whale trades — the bright ones.
Data Visualisation — Energy
JavaScript · Canvas API · EIA Open Data API
The US electrical grid as a living organism. Eight energy sources — gas, nuclear, solar, wind, coal, hydro, petroleum — feed inward through flowing channels toward a central consumer core. 72 hours of real generation data animates the metabolism of civilisation.
Watch solar wake up at dawn. Notice how nuclear never wavers.
Data Art — Typography
JavaScript · Canvas API · Live RSS feeds · Typographic compositing
Live news headlines rendered as high-contrast typographic art. Text accumulates and inverts against itself using difference compositing, creating an evolving palimpsest driven by the real news cycle. Inspired by Tomato / John Warwicker.
Watch the headlines collide. Click to trigger one immediately.
// more experiments incoming