Daten & Dateiformate
Wie Datenbanken und Grafikdateien auf der Platte aussehen
VisualDatabase
Die interne Funktionsweise einer dBase-Datenbank: Dateikopf, Feld-Deskriptoren und Datensätze fester Breite, die passenden C-Strukturen und ein B-Tree-Index mit animiertem SELECT, auch Schritt für Schritt.
VisualImages
Der Dateiaufbau von PNG, JPEG und GIF: Signaturen, Chunks und Marker als Byte-Layout, dazu LZW, CRC32, ZIP/Deflate und die DCT-Pipeline, jeweils mit einfachem C-Code.
KI & neuronale Netze
Modelle, die man beim Rechnen beobachten kann
VisualLLM-cpp
Vom Öffnen der GGUF-Datei bis zum gezogenen Token: ein echter, sehr kleiner LLaMA-Transformer mit visuellem Debugger, Tokenizer, ggml-Graph, Quantisierung und Rechnern für Speicher und Tempo.
VisualMicroGPT
Ein ganzes GPT in 200 Zeilen, Zeile für Zeile vor und zurück: Tokenizer, Autograd, Attention, Training mit Adam und Inferenz. Im Trainingslabor lernt das Modell live im Browser Namen zu erfinden.
VisualPyTorch
PyTorch wie in einem Debugger: Haltepunkte setzen, Variablen beobachten und zusehen, wie Tensoren entstehen, wie der Rechengraph Gradienten zurückgibt und wie ein Modell Epoche für Epoche lernt.
Sicherheit & Abläufe
Einmalcodes und Workflow-Engines unter der Lupe
VisualTOTP
Wie aus einem Secret und der Uhrzeit ein sechsstelliger Code wird: Counter, Nachricht, HMAC, Truncation und Modulo als farbige Schritte, mit Byte-Grid, Countdown und den offiziellen Testvektoren.
VisualWorkflow
Zwei Open-Source-Workflow-Engines im Vergleich: XState als deklarative State Machine und BullMQ als verteilte Redis-Job-Queue, beide live mit React Flow visualisiert, inklusive Fehlern, Retry und Kompensation.
Retro-Computing
Mailbox-Software und Heimcomputer-Klassiker, aus den echten Dateien rekonstruiert
VisualCrossPoint
Die Datenbank des Mailbox-Programms CrossPoint/FreeXP von innen: .DB1-Dateistrukturen, der zugehörige C-Code und der .IX1-B-Tree-Index mit animiertem, schrittweisem Zugriff.
VisualBoulderDash
Boulder Dash auf dem Amstrad CPC, ausgehend vom echten Disk-Image: Sprites aus dem Z80-Binary dekodiert, Mode-0-Grafik, Schwerkraft-Regeln und Speicherkarte. Dazu eine spielbare Portierung in TypeScript.