0:18Five hundred 2D canvas visualizations in vanilla JavaScript
Five hundred 2D canvas visualizations in vanilla JavaScript — Vidéo de @mhmazur avec Opus 5.5. Regardez la vidéo et lisez la publication originale pour comprendre son contexte.
1:00 · 85 mentions J’aime dans les données sources · 7.2K vues dans les données sources
Publication du créateur
Les publications et les titres originaux sont conservés dans leur langue d’origine.
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!
La source indique un prompt partagé. Consultez la publication originale pour connaître le contexte.



