Is There a Visualizer Inspired by John Whitney’s Animations?

Yes. BeamTracer has a JOHN WHITNEY visualizer inspired by the animation pioneer’s visual music. Open the visualizer in your browser, choose a scene, adjust its motion, and add your own music. The result is an independent, interactive homage that you can export as video—not a reproduction of Whitney’s films.

Hi, I'm Trina with BeamTracer.com. A handful of dots can look surprisingly musical before you hear a single note. Let the dots move at different speeds and a scattered field suddenly finds a pattern. Hold the pattern a little longer and you start waiting for the next alignment.

The MUSIC BOX scene in BeamTracer. This is a live visualizer capture, not footage from a John Whitney film.

What makes John Whitney’s animations distinctive?

John Whitney explored relationships between motion and musical harmony: many simple elements moving together can create a larger rhythm. The Computer History Museum’s account of his work describes that connection between music, mathematics and computer animation.

The attraction is the changing relationship between shapes. Dots appear to organize into curves. Overlapping lines create a figure that none of the lines makes alone. A pattern emerges, becomes clear, and slips away. You do not need to know the mathematics to enjoy that moment of recognition.

Three useful starting points are:

The ACM SIGGRAPH archive documents Whitney’s computer-generated work, while ACMI’s Arabesque entry gives the film’s historical context. The films are reference works to watch; BeamTracer’s similarly named scene choices are interpretations.

Which John Whitney videos should I watch first?

Start with Experiments in Motion Graphics to hear Whitney discuss his choices, then compare Catalog, Matrix III, and Arabesque. Watch how a clear arrangement forms and dissolves before looking for a similar feeling in your own animation. These are historical reference videos, separate from the BeamTracer screen recordings below.

Experiments in Motion Graphics: how does Whitney compose movement?

Watch the colored line bundles around 3:50: their crossings change the shape of the open space between them. Compare that with the changing dot arrangements around 8:39. Follow one group through the transition rather than watching only the whole image.

BeamTracer: DANCING LINES with LINKED CURVES. Music accelerates the existing trajectory; the bright leading line makes each bundle easier to follow. This screen recording shows an independent interpretation, not a recreation of the film.

Catalog: how many looks can simple geometry create?

Watch for the contrast between sparse shapes and dense compositions. Choose one short passage that holds your attention, then notice its spacing and pace. That is a more useful starting point for your own composition than trying to reproduce an entire reel at once.

BeamTracer: CATALOG. Compare the spacing and crossings with the reference reel. This screen recording shows an independent interpretation, not a recreation of the film.

Matrix III: how does repetition become a pattern?

Watch the repeated forms and the gaps between them. Let a sequence continue long enough to see its arrangement change; the transition can be as interesting as the moment when everything seems to line up.

BeamTracer: MATRIX GRID (MATRIX III). Watch how repeated elements change the pattern between them. This screen recording shows an independent interpretation, not a recreation of the film.

Arabesque: how can intricate motion stay readable?

Watch how flowing geometric detail holds together as a composition. Afterward, try fewer competing changes in your own visualizer: keep one motion clear before adding more musical reaction.

BeamTracer: ARABESQUE. Try a slower pace before adding more detail. This screen recording shows an independent interpretation, not a recreation of the film.

The YouTube players load when you press Play. The silent BeamTracer examples play automatically as you scroll to them. If a YouTube upload cannot play here, use its Watch on YouTube link below the player.

What did Whitney say about composing motion in real time?

In Experiments in Motion Graphics, around 1:43, Whitney discusses movement that travels through space rather than staying centered. He treats balance, contrast, tension and resolution as compositional choices. Around 2:45, he describes sound as a partner while insisting that the graphics should retain their own expressive role.

His account of the working process makes the value of live controls especially clear. Around 6:08, he explains that producing individual images and waiting for processed film delayed his feedback. He compares that delay with a pianist having to wait hours to hear a performance.

Near 9:12, he describes dot patterns as an alphabet, short sequences as words, and their arrangement as something like sentences—while acknowledging the limits of the analogy. Try that idea yourself: choose one motion, let it establish itself, change one relationship, then allow a return. The goal is a visible phrase with time to develop.

Why do these older animations still interest viewers?

The comments on the linked YouTube uploads return to a few practical questions: how were these patterns made, where can I see a clearer copy, and how can I make something with that feeling? Viewers also describe the imagery as hypnotic and connect it with later screensavers and music visuals.

Those are observations from a sample of comments, not proof of which film is most popular or what caused its audience. What they suggest for making your own visuals is useful: show a clear pattern, let people see the transformation, and explain the one control that changes it. Rapidly switching through every effect can hide the part people came to watch.

How can I try a John Whitney-inspired visualizer without coding?

Open BeamTracer’s JOHN WHITNEY visualizer in Chrome or Edge, start with MUSIC BOX, and load a track. The SCENE choices change the kind of motion; CYCLE DURATION and BASE SPEED help you explore its pacing. Use RENDER when you want an MP4 or WebM of the result.

The video export guide explains the complete render settings. Rendering uses the full loaded track from its beginning; a microphone or live shared-tab source needs a replayable audio file before offline export.

Can the dots become lines, triangles and other shapes?

BeamTracer offers both point-based and line-based scenes. DANCING LINES creates moving groups of lines; MUSIC BOX includes CIRCLE, SQUARE and TRIANGLE choices for its individual marks. These are different ways to explore geometric motion, rather than a guarantee that any particular Whitney film transformation is reproduced.

CLICK TO ENLARGE

A triangle-shaped dot is different from a stack of rotating triangle outlines. If the image you remember contains nested polygons, compare the reference carefully before choosing a scene: the silhouette, spacing and timing matter as much as the shape name. Switching scenes is also different from a continuous dot-to-line morph.

For a clear comparison, keep the same track, change one scene, and let the scene run. LINE DYNAMICS exposes controls such as LINE GROUPS and FORWARD MOTION for Dancing Lines. Start with a small number of groups so the crossings remain readable.

Is Whitney Music Box an original John Whitney film?

No. Whitney Music Box is a later project by Jim Bumgardner inspired by Whitney’s ideas. Its explanation is a helpful introduction: one dot completes a revolution while another completes two, another three, and so on. Their changing alignments turn simple motion into a complex pattern.

Keep the names separate: John Whitney’s films, Bumgardner’s Music Box, and BeamTracer’s interactive homage are different works. BeamTracer does not supply the original films, their soundtracks, or their original production software.

Can I use my own music, and is it free to try?

You can explore BeamTracer in the browser and load your own audio. Music reaction and the scene’s underlying motion play different roles: the motion gives the composition its structure, while the audio controls change how the scene responds to the track. Begin with restrained audio settings so the structure stays visible.

The free tier includes watermarked 1080p exports within its monthly allowance. Higher resolutions and watermark removal depend on your plan; see current pricing. Use music you have permission to include if you publish the finished video.

Can I project the animation or turn it into laser graphics?

For ordinary video projection, export an MP4 or WebM and play the video through your projector setup. That preserves the filled shapes, color and glow as video. For laser graphics, BeamTracer Video to Laser traces a video into paths, so the result has different detail and motion limits.

Sparse, separated shapes are a better starting point for tracing than a dense field of glowing dots. Compare the trace with the source before expecting the same image from a laser. An on-screen preview does not establish that physical laser output is safe; use the laser safety guide before working with projection hardware.

For the next step, read Can You Turn Geometric Animation into Laser Graphics? and watch the source-to-trace tutorial.