Visualizer

Jarvis v1: a circuit board that hears you

Jarvis v1 is the first build of our voice-assistant visualizer: a dark green circuit board, copper routed the way copper actually routes, with a chip at the centre that lights when the assistant speaks. The brief wasn't "react to audio" — it was a real circuit board, and that constraint is exactly what made it work.

The board's centre chip, U1, lit gold and glowing while it speaks, traces converging on it at right angles.
U1, mid-sentence. A held frame from the board's own camera flythrough, not a live capture.

The brief was not “make something that reacts to audio”. It was a circuit board — a specific, physical thing, with rules about how it is put together that have nothing to do with looking good. That constraint is what made it work.

Copper routes like copper

Real traces do not wander. They leave a pin at right angles, run in channels, and turn corners at forty-five degrees because a sharp corner is a manufacturing problem. Every corner in the build is mitred for that reason, and the routes escape the chip perpendicular before they head anywhere.

It would have been easier to draw lines radiating from the middle. That produces a starburst, which reads as wallpaper. The rule that made it read as a board was doing the boring thing that a real one does.

The pulses carry meaning

Light travels the traces, but not decoratively. Cyan is inbound, gold is outbound, red is an alert, and those never swap. When a pulse reaches a pin, that pin lights briefly — so arrival is visible, not implied.

Four states, and they differ in kind rather than in speed: at rest it is calm, listening reads as something arriving, thinking is busier and more of it internal, and speaking rides the live voice level with waves firing on the peaks of speech rather than on the level itself. That last detail is the difference between looking like talking and looking like pulsing.

Idle: the board dim, no glow at the chip.
Idle
Listening: the same dim board, arrival not yet lit.
Listening
Thinking: a pale sweep animating across the chip's die.
Thinking
Speaking: the chip lit gold, riding the live level.
Speaking

What it is made of

One hand-written HTML file. Canvas 2D, one render loop, no dependencies, no build step. The static half of the board — substrate, traces, silkscreen — is drawn once and cached; only the light moves every frame. That is what lets it run at full rate on an ordinary machine while still being one file you can read top to bottom.

A silent montage, not a screen recording: six held frames from the board's own presentation flythrough, each pushed in and cut together. No autoplay — nothing on this page moves until you press play.

The brief that produced it

About two hundred lines, and it is on the site rather than summarised. The button puts the whole thing on your clipboard; the link opens it if you would rather read it first.

Read it See it running

All the builds

Want this running in your own practice? Let's talk.