🎨 Creative Coding Gallery

Layered sine waves flow across the canvas like aurora borealis dancing in the night sky. Each wave combines multiple harmonic frequencies to cre...

Watch as circles populate the canvas and grow organically until they fill the available space. This algorithm mimics natural packing phenomena s...

Multiple circles orbit around a central point at different speeds and radii. The parametric equations for circular motion create perfectly smoot...

The Fibonacci spiral appears everywhere in nature—from nautilus shells to hurricane formations to galaxy arms. This mathematical perfection emer...

The classic fractal tree demonstrates how complex natural forms emerge from simple recursive rules. Each branch splits into two smaller branches...

A grid of diamonds rotates in synchronized waves, creating mesmerizing geometric patterns. The position-based rotation offset makes the pattern ...

Named after French physicist Jules Antoine Lissajous, these elegant curves emerge from the intersection of two perpendicular sine waves. The 3:4...

One hundred particles move independently across the canvas, bouncing off walls like molecules in a gas. This simple physics simulation creates e...

Perlin noise creates a flowing, organic terrain that evolves smoothly over time. Unlike pure randomness, Perlin noise has spatial coherence—near...

Concentric circles expand outward like ripples on water, fading as they grow. This simple but mesmerizing effect captures the physics of wave pr...

A mathematical spiral that grows outward from the center while continuously rotating. The Archimedean spiral is one of the most elegant mathemat...

Voronoi diagrams appear throughout nature—in giraffe spots, cracked mud, and cell structures. Each cell represents the region closer to one seed...

Flowing sine waves create a mesmerizing pattern of horizontal motion. Each wave oscillates with the sine function, and the progressive phase shi...

Deeper layers have fewer, more coherent particles

This sketch accompanies the blog post "The Understanding Theater" and visuali...

When someone is "acting" on it, add random interference

This sketch accompanies the blog post "The Action Bias" and v...

Float around randomly

This sketch accompanies the blog post "The Tyranny of the Perfect Moment" and visualizes its core concept...

Visualizing legible vs illegible connections Clear geometric shapes represent "legible" relationships Organic, flowing forms represent...

Visualizing burst work vs consistent work Top half: consistent daily work (regular small blocks) Bottom half: burst work pattern (intense period...

Visualizing two paths: the failure path (chaotic, expensive) vs. the learning path (efficient, controlled) Left side: "Learning through fai...

Visualizing two paths to career success: Left side: "Follow your passion" - starts with heart, but needs safety net (platform) to expl...

Visualizing the learning trap vs. doing Left side: Growing pile of books/courses (learning), never reaching the "build" goal Right sid...

Visualizing genuine vs performative vulnerability Left: Genuine vulnerability - small, mutual exchanges between two people, building gradually R...

Visualizing the authenticity spectrum Left: Genuine authenticity - rough, unfiltered, sometimes rejected Right: Performed authenticity - smooth,...

Visualizing information overload vs. clarity Left: A single clear signal emerging from minimal noise Right: Increasing noise drowning out the si...

Visualizing the volume vs. "optimal" practice paradox Left: Small, perfect practice sessions (deliberate practice) Right: Large, messy...

Visualizing the permission barrier A figure stands before imaginary gates that fade away when approached Represents how the gatekeepers are inte...

Visualizing knowledge decay vs. compound interest fantasy Left side: The compound interest fantasy (smooth exponential growth) Right side: Reali...

Visualizing the gratitude performance Hearts (gratitude symbols) appearing on a schedule vs. spontaneously Left: Scheduled/forced gratitude - he...

Visualizing ritual: living practice vs. purchased product Left: Traditional ritual - messy, overlapping, organic, people actively doing things t...

Visualizing the productivity paradox Center: actual productive work (small, simple, direct) Surrounding: layers and layers of productivity infra...

Visualizing the ritual trap Top: Perfect, geometric ritual forms - rigid, repetitive, empty Bottom: Organic, irregular moments of genuine presen...

Visualizing the intelligence illusion One small brilliant spark (intelligence) vs multiple steady flames (character traits) The small spark is b...

Visualizing the right decision myth Left: Multiple decision paths being analyzed endlessly (stuck at crossroads) Right: One path chosen with ful...

Visualizing expertise blindness Expert path: narrow, deep, efficient but constrained by framework walls Beginner exploration: wide, shallow, ine...

A visualization accompanying the blog post "The Advice Trap" that explores how seeking advice has become a substitute for action. The ...

A visual exploration of the difference between performed curiosity (quick, showy, surface-level) and genuine curiosity (slow, persistent, deep)....

A generative visualization of optimization versus adaptability. Fifty agents with different optimization levels pursue a target that periodicall...

A particle system where each particle experiences different levels of friction, demonstrating how resistance affects movement and persistence. P...

A generative visualization exploring the tension between messy complexity and the false promise of clarity. Agents with varying "independen...

A generative visualization contrasting empathy-driven and compassion-driven resource allocation. Small agents move between targets representing ...

A generative visualization exploring the difference between collecting experiences and actually living them. Watch as fast-moving collectors rap...

A visual contrast between rigid authenticity (particles tethered to fixed identities) and fluid growth (particles free to explore and change). T...

A visual metaphor for the core thesis of "The Growth Mindset Trap." Watch as matched climbers reach their peaks while the mismatched c...

A visualization contrasting legible status (large, visible, isolated nodes) with illegible status (small, connected, hidden networks). The sketc...

Three paths, same starting point, same goal. One moves directly, efficiently closing the distance. Another wanders but progresses. The third thr...

A visual exploration of survivorship bias in advice. Multiple paths try to reach the same goal, but most wander aimlessly. We only remember the ...

A generative visualization exploring comfort-seeking behavior and capability decay. Autonomous agents are drawn to a central comfort zone, but s...

A network visualization exploring the uncomfortable reality that all friendships involve value exchange. Nodes represent people, connections sho...

A visualization of how being too legible—too easy to categorize and understand—traps you in boxes and diminishes your distinctive value. Bright ...

A visualization of the originality paradox: agents actively fleeing convention and each other (trying to be original) end up clustering in a rin...

A generative visualization exploring the tension between building real expertise and signaling competence.

The sketch shows two populatio...

A visualization of authenticity as performance. Each moving entity has a core (actual authenticity) and a shell (performed authenticity). Watch ...

This sketch explores the theme of the blog post "The Generosity Performance" through the temporal dynamics of giving. Watch how the fl...

A visualization contrasting performed coziness with natural comfort. Complex, hollow geometric shapes with dollar signs represent the coziness i...

A generative visualization contrasting gifts with receipts (provisional, drifting, returnable) versus gifts without receipts (committed, rooted,...

Events start as chaos—noise particles swirling around a pulsing center. Too much movement. Too much to manage. No clarity possible.

Then ...

A neural pathway visualization comparing passive exposure (reading, highlighting) to active retrieval (testing, spaced practice). Watch as expos...

This generative sketch accompanies the blog post "The Meaning Trap" and visualizes the exhausting nature of constantly seeking meaning...

A visual comparison of two approaches to moving forward: waiting for perfect closure before starting the next thing, versus continuing despite i...

A New Year's Eve visualization contrasting performative goal announcements with actual work. Watch as hollow announcement particles rise and qui...

A haunting visualization of psychological persistence. This sketch shows a traveler moving between "fresh starts" - new cities, new jo...

A meditation on procrastination disguised as preparation. One figure endlessly prepares at the starting line, accumulating knowledge and plans b...

A visualization exploring how advice remains meaningless until we've accumulated the lived experiences to understand it. Watch as floating advic...

A visualization of strategic effort allocation across life domains. Watch as a few chosen areas of excellence compound and grow tall over time, ...

A maze navigation where expertise follows the long efficient path, while beginner ignorance questions obstacles and finds shortcuts. Watch as re...

A split-screen visualization contrasting content consumption with genuine learning. The left side shows a constant rain of information—articles,...

A visualization exploring how we accumulate questions without finding answers. Question marks drift and fade, representing the constant influx o...