live-demos

Live-Demos.

Die Technik, in die ich am tiefsten gehe. Jede läuft live im Browser und zeigt dir, wie sie wirklich funktioniert, bis hinunter zu den GPU-Kerneln und dem Autograd. Von Grund auf gebaut, du musst hier nichts einfach glauben.

flaggschiff · ML-systeme öffnen →

Sieh einem neuronalen Netz beim Schreibenlernen zu

Ein kleiner Transformer, dieselbe Architektur wie die grossen Sprachmodelle, der jetzt gerade live in diesem Tab auf deiner GPU trainiert. Das Autograd und jeder WGSL-Compute-Kernel sind von Grund auf handgeschrieben: kein transformers.js, kein Modell-Download. Drück auf Trainieren und sieh zu, wie der Loss fällt und sein Geschreibe von Rauschen über Wörter bis zu Shakespeare-artiger Kadenz wird. Schalt dein WLAN aus; es lernt weiter.

[ WebGPU ][ WGSL kernels ][ hand-written autograd ]
01 · grafik öffnen →

Reaktions-Diffusion auf der GPU

Eine chemische Gray-Scott-Simulation, die komplett in einem Fragment-Shader läuft, tausende Zellen, die in jedem Frame neu berechnet werden. Zieh an den Feed/Kill-Reglern und sieh zu, wie sich das Muster in Echtzeit von Koralle zu Zellteilung verwandelt.

[ WebGL2 ][ GLSL ][ ping-pong FBO ]
02 · systeme öffnen →

Konfliktfreies kollaboratives Canvas

Ein geteiltes Whiteboard, auf dem alle gleichzeitig zeichnen, ohne verlorene Änderungen. Schalt das Röntgenbild ein und sieh dem CRDT beim Konvergieren zu, geh dann offline, zeichne weiter und sieh, wie sich deine Striche beim Reconnect wieder zusammenfügen.

[ Yjs CRDT ][ WebSocket sync ][ conflict-free ]
03 · daten-vis öffnen →

Schweizer Verkehr, live

Ein Live-SBB-Abfahrtsboard für jede Schweizer Station, das sich alle 25 s aktualisiert. Echte offene Verkehrsdaten, über meinen eigenen VPS geproxyt und gecacht, damit die ratenlimitierte Quelle nur eine Anfrage pro Station sieht.

[ SBB open data ][ VPS proxy + cache ][ 25s polling ]
04 · dev-tool öffnen →

Regex-Visualisierer

Tipp ein Muster: Treffer werden live hervorgehoben, Capture-Gruppen bekommen ihre eigene Farbe, und jedes Token wird in klarem Deutsch erklärt. Das Matching läuft in einem Web Worker mit Timeout, damit es den Tab nie aufhängen kann.

[ hand-written tokenizer ][ Web Worker ][ ReDoS-safe ]
© 2026 jDKOderso