فيديو AI / Data Viz

Five hundred 2D canvas visualizations in vanilla JavaScript

المبدع@mhmazur ↗

مرجع إبداعي

المبدع: @mhmazur ↗

01 / اصنع نسختك

اصنع نسختك

01
شاهد النتيجة وإيقاعها
02
اقرأ ملاحظات المنشئ الأصلية
03
طوّر وصفك الإبداعي اعتمادًا على المرجع

02 / المصدر وحقوق النسبة

المصدر وحقوق النسبة

المبدع@mhmazur

المنشور الأصلي ↗

ملاحظات المبدعمجاني

النموذج: Opus 5.5 ↗
الفئة: Data Viz ↗

ملاحظات المبدع

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!

المنشور الأصلي ↗