Frame from Animated UMAP explainer for undergraduates

Animated UMAP explainer for undergraduates

A 5-minute narrated explainer on how UMAP works: nearest-neighbor graphs, fuzzy weights, layout by attraction and repulsion, and how to read the plots. Claude Opus 5.5 wrote the narration and designed the visuals, prompted from Claude Code on a phone.

“All of this—the concepts for the visuals, the narration, etc.—is from Claude. Prompted in Claude Code on my phone.”

Recreation briefby Reference

Teach an algorithm in numbered chapters on a near-black field, each opened by a small orange chapter label and one plain heading. Build every idea from custom point clouds and graphs: teal edges for neighbor links, distinct colors for clusters, yellow rings on the points being discussed. Use side-by-side panels for comparisons and labeled sliders for parameters, and close on a four-panel recap. For a new subject, keep the chapter structure and replace the diagrams with your own data.

No creator prompt published. This brief was written by Reference.

Recreation challengeMake your own version and share the prompt.

Found the creator’s prompt? Share its source.

How it was made

In a reply the creator says it took a few rounds of planning and outlining at medium effort, then one prompt at Extra effort to make the video. The prompts are in a shared Claude Code session that needs a claude.ai sign-in, so Reference has not copied them.

Claude Code · Claude Opus 5.5

Source and credit

X · Sep 25, 2026 · 1.2k likes · 57k views · 62 comments

Made with AI, according to the source

Claude Code session (sign-in needed)

Look notesby Reference

A dark, diagram-led lecture on UMAP in numbered chapters, built from point clouds, neighbor graphs and small labeled panels.

Color
Near-black background, white headings, grey points, teal-green graph edges, blue and orange for dense and sparse points, multicolored clusters, and yellow rings and sliders.
Type
Bold sans headings at the top left ("Nearest neighbors", "Pull and push", "The two knobs"), small orange-dot chapter labels such as "3 · STAGE 1 · BUILD THE GRAPH", and monospace for parameters and values.
Framing
Square frames with the heading at the top left and one large diagram below; comparisons sit in rounded panels, and a thin progress bar runs along the bottom edge.
Structure
70,000 handwritten digits as the hook, the problem of unrolling a curled sheet, building the neighbor graph and a per-point ruler, where layout starts and pull-and-push, the two parameters on a mammoth point cloud, how to read a UMAP plot, and a four-panel recap.

Attempts

No attempts yet. Be the first: recreate this reference and send your result with the prompt that made it.

More like this

1:10

Why a circle's area is πr²

Manim

1:16

The beauty of physics, one continuous shot

Claude Code

2:46

Every orbit is a great circle, in 3D Manim

Claude Code · Manim

0:30

One year of planetary orbits in 30 seconds

Claude Code · Remotion

2:08

Galileo, Bernoulli and the fastest path

Opus 5.5 · Canvas 2D

7:37

Narrated lesson on derivatives, in Chinese

Opus 5.5 · Manim

1:47

From a bacterium down to quantum fields

JavaScript

0:49

From server racks to silicon lattices

Opus 5.5

0:56

Pixel-art digit recognition network

Opus 5.5

1:34

Powers-of-ten zoom from quarks to cosmos

Prompt described · Fable 5.5

1:38

Morse theory on a torus, in 3D Manim

Codex · Manim

0:39

Crayon picture-book Pythagorean theorem

Opus 5.5 · Plain JavaScript

0:20

Rainbow slinky down an endless escalator

GPT-6 Astra · HTML canvas

0:44

The photoelectric effect, in Manim

Gemini Flash 3.5 · Manim

Chi-square goodness-of-fit test in Manim

Gemini · Manim

0:28

Forest fire simulation by six models

3.7 Sonnet · Python

0:56

Spinning heptagon test across 18 models

GPT-4.5 Preview · Python

0:54

Spacetime curvature in 3D Manim

Partial prompt · 3.7 Sonnet · Manim

12:12

What is a Transformer, for high schoolers

Claude Code · Remotion

3:00

History of AI from the Transformer to AGI

Claude Code · Remotion

1:00

Artemis II flyby in mission-control style

Claude Code · HyperFrames

14:20

History of the chip, from Edison to EUV

Opus 5.5

4:40

Transformer explainer in 3Blue1Brown style

Opus 5.5

4:10

Password vs passkey explainer, in Chinese

Opus 5.5

4:07

Narrated film on the Voynich manuscript

Fable 5.1 · Python (skia-python)

0:45

Launch video for Linear made from its URL

Partial prompt · HyperFrames

1:02

One-camera promo film for HyperFrames

HyperFrames

4:26

How AI coding agents actually work

Prompt described · Claude Code · Remotion

0:22

Stickman YouTube video about charisma

Claude Code · FFmpeg

16:50

The CEO who escaped Japan in a box

Claude Code · Blender