See what is inside every byte.
Animated, step-by-step diagrams of the protocols that move data: UART, SPI, I2C, TCP, DNS and more. Watch the bits leave the wire, assemble into bytes, and turn into meaning.
Every card below is live. Open one to step through it field by field.
Serial and buses
Bits on a wire: start bits, clocks, addresses, acknowledgements.
UART
OpenTwo wires, no clock: bytes wrapped in start and stop bits.
SPI
OpenFour wires, a shared clock, and data moving both ways at once.
I2C
OpenTwo shared wires, 7-bit addresses, and an acknowledge after every byte.
CAN
OpenA two-wire bus where the lowest ID wins and every frame carries a CRC.
MIDI
OpenMusic as three-byte messages on a 31,250 baud serial line.
Modbus RTU
OpenThe factory-floor classic: address, function code, data, CRC, over RS-485.
Network stack
Headers stacked on headers: from Ethernet frames up to TCP.
Ethernet II
OpenThe frame that carries everything on a local network: MACs, a type, a payload.
ARP
OpenHow a host turns an IP address into the MAC address it needs.
IPv4
OpenThe 20-byte header that gets a packet across the whole internet.
UDP
OpenThe smallest transport: ports and a checksum, nothing else.
TCP
OpenA reliable byte stream built from numbered segments and acknowledgements.
Application protocols
What the programs say to each other once the packets arrive.