learn

Interactive educational visualizers that show how things work, step by step.

• Identity Flow Visualizer · Walk a SAML or OIDC login step by step: decode every redirect, token, and validation.
• Route & Longest-Prefix-Match Visualizer · Forward an address through an editable routing table.
• TCP Handshake Animator · Walk the TCP state machine one segment at a time, and watch both endpoints change state.
• TLS Handshake Inspector · Step through a TLS 1.3 handshake, decode the cipher suite, and walk the whole HKDF key schedule.

• Cryptography Lab · A 12-tab lab, Vigenère to Enigma: classical ciphers, modern building blocks, hashes and KDFs.
• Hash Avalanche Visualizer · See the hash avalanche effect: how a one-character change flips half of the hash output.
• Steganography Laboratory · Read the bit planes of a file, get a χ² verdict on hidden data, and embed or extract a payload.

• Compression Explorer · Step a greedy LZ77 encoder byte by byte: see the window, matches, and the size it saves.
• Formal Logic Compendium · A plain primer on propositions, connectives, truth tables and validity, then an Advanced workbench: build a formula from pickers and read its truth table, tableau and verdict, quantifiers in a finite model, checked proofs, and modal logic on a frame.
• Git DAG Simulator · Run commit, branch, checkout and merge, and watch the commit graph each one builds.
• PM-16 Micro-CPU · Assemble, single-step and watch a 16-bit CPU run. Predict the flag change before you step.
• Regular Expression Lab · Build a regular expression and watch it work: matches, groups, an explanation, three engines.
• Unix Signal Visualizer · Send signals to a process tree and watch them handled, ignored, blocked, or take default action.

• Design System Lab · Take the site's own visual/colour design system apart.
• Keyboard Shortcut Trainer · Drill shortcuts across application profiles: perform the task, get graded. Improve.