Animated diagram explains a token bucket rate limiter
67 views·Posted 25 Sept 2026 · 0:18 · Explainers
Our note
A data-driven diagram of a token bucket rate limiter, pairing a bar-style token stack with a live counter graph that update in sync with a running simulation; rendered in canvas only, no libraries.
The creator’s post
3/ Ole Lehmann's list of what Opus 5.5 animation is good for was bookmarked 2,100 times this week. Number 8 was animated diagrams. So I asked for one. One prompt: explain a token bucket rate limiter, canvas only, no libraries, every frame a pure function of time so my renderer can screenshot it. - 193 seconds, 70 cents, 10K characters of HTML - The count on screen matches the simulation at every frame. I asked for that and it held - Same pipeline as every other video in this thread, untouched This is the b-roll Ole means. It took less time than finding a stock clip.
The prompt
Tight technical constraint briefexplain a token bucket rate limiter, canvas only, no libraries, every frame a pure function of time so my renderer can screenshot it.
Make one like this
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
The creator didn’t name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4. How that works →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth