Animated and interactive pieces built with code. Each is a single HTML file — Canvas 2D and vanilla JavaScript, zero dependencies. They explore emotions, self-perception, inner experience, and mathematical beauty.
Inner Landscape
An animated piece that maps 24 emotions to mountains viewed from different altitudes. A window cracks, revealing an aerial view of peaks colored by feeling, then a side-view horizon of layered ridges. Each reload shuffles the emotion-to-peak mapping.
Projecting
A sphere with a small flame at its center and 32 windows on its surface. The sphere rotates and zooms into a different window each cycle — some open, some barred, some frosted, some bricked shut. Each window filters the flame differently. The same fire, seen through every defense and performance we put between ourselves and the world.
Immolation of Emotion
A stylized Plutchik wheel of emotions — eight families, three intensities each — rendered as a rotating flower, then set on fire. Two burn modes: Sections (methodical, petal by petal) and Blaze (a single massive conflagration). What remains after the taxonomy burns away is the same small flame from Projecting.
Roulette of Emotion
A roulette wheel with 24 Plutchik emotions instead of numbers, viewed at a casino-table perspective. It spins slowly (every emotion readable), accelerates past legibility into color streaks, jolts to a stop, and three emotions emerge on the right side in clean cards. Each restart lands on a different triplet.
Enough
Word clouds of self-worth — what others see (blue-silver), who you are (warm gold), what you’ve done (soft green) — drift together, then cycle through four perspectives: family, friends, work, community. Each perspective highlights different words. Everything dissolves. What remains: “you are enough.”
Comparison
An interactive piece with three panels: someone struggling, you, and someone thriving. Each panel shows an abstract 3D orbital form and a radar chart across six axes (Success, Connection, Health, Purpose, Security, Joy). Drag the center chart’s points to set your values. The more you interact — the more you compare — the clearer a nearly invisible quote becomes at the bottom.
Fractals
An interactive fractal explorer with five types (Mandelbrot, Julia, Burning Ship, Tricorn, Newton), six color palettes, and real-time parameter controls. Scroll to zoom, drag to pan. The Julia set’s c-real and c-imag sliders let you morph the fractal continuously. Detail and color-shift knobs tighten or loosen the patterns.
Signal
An animated piece about information overload and finding what matters. Ninety noise particles — trending, clickbait, hot take, speculation — flood the canvas, then five signal words — evidence, context, values, experience, intuition — slowly separate from the noise and form a connected framework at center. Three misidentification moments show noise briefly mistaken for signal. The hybrid rendering shifts particles between abstract dots and readable text as focus sharpens.