Vídeo IA / Data Viz

Five hundred 2D canvas visualizations in vanilla JavaScript

Creador@mhmazur ↗

Referencia creativa

Creador: @mhmazur ↗

01 / Hazlo tuyo

Hazlo tuyo

01
Observa el resultado y su ritmo
02
Lee las notas originales del creador
03
Desarrolla tu propia idea a partir de la referencia

02 / Fuente y créditos

Fuente y créditos

Creador@mhmazur

Publicación original ↗

Notas del creadorGratis

Modelo: Opus 5.5 ↗
Categoría: Data Viz ↗

Notas del creador

I asked Claude Opus 5.5 to generate 500 examples of visualizations you can create with nothing but the HTML <canvas> element, and it happily obliged: https://t.co/O3zPhJEDQs What's mind-blowing about them is that none use Three.js, WebGL, or any library at all. Claude Code created every one in vanilla JavaScript and a 2D canvas: from archival bubble-chamber film of particle collisions and a physically modeled throat that sings vowels to a garden spider spinning its orb web, a dial-up modem screeching through its handshake, and everything in between. Each visualization also includes a prompt you can copy and paste into Claude Code or Codex to build your own version and take it further. You can even favorite the ones you like so you can quickly find them again later. Claude estimates that about half of the gallery is classic demos or well-known algorithms that many people have built before, 35-40% is real science, math, or algorithms that rarely show up as interactive demos, and 10-15% is concepts that are "genuinely ours." Opus, with the help of a voice from ElevenLabs, also made the 60-second launch video below. I've barely scratched the surface of exploring them all, so let me know if you find any that stand out!

Publicación original ↗