🎨 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 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 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...

A generative visualization of epistemological compression. Watch as high-resolution probabilistic reality (left) gets compressed through a funne...

A competitive simulation showing two work styles: quality (complex, organic, hard to perceive) versus legibility (clean, geometric, easy to eval...

A visualization contrasting momentum (busy activity) with progress (directed movement). Multiple particles on the left move quickly but randomly...

An animated visualization exploring how credibility can paradoxically trap people in incorrect positions. Nodes with low credibility (small circ...

A living visualization of the simplicity trap. A complex, interconnected network of points flows organically in the background—representing real...

A visualization of how conviction persists while justification fades. Bright central nodes represent strong beliefs, while their surrounding sup...

Tasks fall like rain. A few get completed. Most pile up at the bottom. The pile grows. New tasks keep coming. You adopt a new system—brief relie...

Watch as a center point gets pulled in contradictory directions by multiple voices, each representing a piece of feedback. Early feedback provid...

A split-screen visualization comparing private, messy learning (which goes deep through confusion and breakthrough) versus public performance of...

A visual metaphor for the cost of excessive deconstruction. Watch as one side builds confidently on accumulated knowledge while the other strugg...

A generative visualization contrasting optimized efficiency with exploratory creativity. The left path shows a straight, optimized trajectory wi...

A visual exploration of the tension between explicit and implicit knowledge. The left side shows clear, geometric forms that are rigid and britt...

Visualizing the fundamental tension in advice: actionability versus depth. Particles represent different types of advice positioned on a spectru...

A network of ideas in motion. The dense cluster at the center represents tradition—the patterns and knowledge that must be absorbed. The brighte...

A generative visualization exploring the paradox of authenticity in the age of personal branding. The sketch depicts concentric layers of self-p...

A generative visualization exploring the tension between rigid productivity systems and the organic space needed for creative insight. The sketc...

This sketch accompanies the blog post "The Expertise Trap" and visualizes how expertise creates efficient but constraining patterns. E...

A visualization exploring attention, silence, and the space where thinking happens. The sketch shows information waves constantly bombarding fro...

A visual meditation on productivity systems that outgrow their purpose. Watch as elaborate scaffolding structures grow faster and more complex t...

A generative visualization of cognitive closure: particles floating freely in uncertainty until they prematurely commit to fixed positions. Thos...

A grid that oscillates between perfect curation and messy authenticity. Watch as the same underlying pattern transforms from Instagram-ready per...

A visualization of emergent insight. Particles wander aimlessly, guided by subtle forces and random noise. Connections form spontaneously when t...

A visual meditation on how passion emerges from the accumulation of skill and effort, rather than being a prerequisite for beginning. Small acts...