Network Traffic Visualizer - Making Complex Networks Beautiful
The TCP handshake is how reliable connections are established. Watch the synchronized sequence of SYN, SYN-ACK, and ACK packets.
Why 3-way? This ensures both sides are ready to communicate and have synchronized their sequence numbers for reliable, ordered data transmission.
Domain Name System translates human-readable domains into IP addresses. See the hierarchical lookup process.
Understanding the critical differences between secure and insecure web protocols.
Strict-Transport-Security: max-age=31536000; includeSubDomains; preloadNetwork data is encapsulated in layers. Each layer adds headers for routing, error checking, and delivery. Click layers to expand.
GET /api/users HTTP/1.1 Host: api.example.com User-Agent: Mozilla/5.0 Accept: application/json Authorization: Bearer eyJhbGc...
Sending (Top-Down):
Receiving (Bottom-Up): Reverse process - each layer strips its header and passes data up
Compare how HTTP vs HTTPS handle the same attack scenario. Watch what an attacker can see!
Without Protection (HTTP + Public WiFi):
โ Attacker sees: Username, Password, Account Number, Transaction Details
With Protection (HTTPS + Certificate Pinning):
โ Attacker sees: Encrypted gibberish - attack fails!
Compare characteristics of different network protocols and their use cases.
| Protocol | Layer | Type | Speed | Reliability | Security | Use Case |
|---|---|---|---|---|---|---|
| TCP | Transport (L4) | Connection-oriented | ๐ข Moderate | โ High | โ No encryption | Web, Email, File Transfer |
| UDP | Transport (L4) | Connectionless | ๐ Very Fast | โ ๏ธ Best-effort | โ No encryption | Streaming, Gaming, DNS, VoIP |
| HTTP | Application (L7) | Request/Response | โก Fast | โ TCP-based | โ Plaintext | Legacy web browsing |
| HTTPS | Application (L7) | HTTP + TLS | โก Fast | โ TCP-based | โ TLS encryption | Modern web, APIs, everything! |
| FTP | Application (L7) | File transfer | ๐ข Moderate | โ TCP-based | โ Plaintext | Legacy file transfer |
| SFTP/SSH | Application (L7) | Encrypted shell | โก Fast | โ TCP-based | โ SSH encryption | Secure remote access, file transfer |
| DNS | Application (L7) | Name resolution | ๐ Very Fast | โ ๏ธ UDP (fallback TCP) | โ ๏ธ Plaintext (use DoH) | Domain to IP translation |
| WebSocket | Application (L7) | Full-duplex | ๐ Real-time | โ TCP-based | โ Can use TLS (wss://) | Chat, live updates, gaming |
| QUIC | Transport (L4) | UDP-based | ๐ Very Fast | โ Built-in recovery | โ Always encrypted | HTTP/3, modern web |
| ICMP | Network (L3) | Diagnostic | โก Fast | โ ๏ธ Best-effort | โ No encryption | Ping, traceroute, network diagnostics |
TCP: Like certified mail - guaranteed delivery, ordered, acknowledged. Perfect for web, email, file transfer where accuracy matters.
UDP: Like postcards - fast, no guarantees, no handshake. Perfect for streaming, gaming, DNS where speed > reliability.
Always prefer encrypted protocols:
Create and test firewall rules to control network traffic. Rules are evaluated in order (first match wins).
Calculate network ranges, subnet masks, and IP address information from CIDR notation.
CIDR (Classless Inter-Domain Routing) uses /X notation to specify network prefix length.
Simulated network performance metrics and monitoring dashboard.
Bandwidth: Maximum data transfer rate
Higher is better. Measured in Mbps/Gbps. Affects download speed, streaming quality.
Latency: Round-trip time for packets
Lower is better. <20ms excellent, <50ms good, >100ms noticeable lag.
Packets/sec: Packet transmission rate
Indicates network activity. High values during large transfers or many connections.
Dropped Packets: Lost in transmission
Should be near zero. Causes retransmissions, affects performance.