Skip to main content
DataFlow Animator
Documentation
Examples
Playground
Search
en
fr
Playground
Edit the JSON spec on the left — the animation updates in real time.
Client-Server
Full-duplex real-time (SignalR)
Microservices behind an Nginx proxy
SPA loading then API calls
Cryptography: Alice, Bob & Eve
TLS 1.3 handshake
OAuth 2.0 — Authorization Code
Denial-of-service attack (DoS)
Distributed denial-of-service attack (DDoS)
DoS countermeasure: rate limiting
DDoS countermeasure: scrubbing center
Recursive DNS resolution
CI/CD pipeline
Raft consensus — leader election
Message queue (publish/subscribe)
CDN cache — MISS then HIT
Load balancer (round-robin)
Kubernetes deployment
Online payment (3-D Secure)
Blockchain transaction
Email routing
Federated GraphQL gateway
Webhook with retries (back-off)
Circular orchestration
Red-black tree — recoloring
Red-black tree — rotation
AVL tree — rotation
Binary tree — search
Binary tree — insertion
Shortest path — Dijkstra
Shortest path — A*
Minimum spanning tree — Kruskal
Anti-collision (parallel lanes)
Push notifications (FCM)
Electrical circuit (current)
Parallel circuit (two LEDs)
Ohm’s law (voltage, current, power)
Logic gates
Half-adder (wired gates)
Half-adder (NAND gates)
Half-subtractor (NAND gates)
Full adder (NAND gates)
Full subtractor (NAND gates)
SR latch (NAND gates)
CMOS NAND gate (4 transistors)
RC circuit (charging)
Format
Compact
Comfortable
Spacious
Default
Dots
Blueprint
PCB
Chalk
Terminal
Graph paper
Neon
Loading editor…
Loading…