BGyani Tech Blog

HA Failover Visualizer

A production-grade single-file visualizer for your blog. It shows live traffic before failure, the failover event, and traffic continuing through the secondary load balancer while the client keeps using the same VIP.

Normal operation: Primary is serving traffic
Client sends requests to the VIP. The primary load balancer handles traffic while the secondary stays ready in standby.
Primary active
What this demo shows Health or node failure causes traffic to shift. The VIP stays the same for the client. Traffic meaning Green path = current live traffic Red dashed path = old broken path Client Live requests VIP Same address Primary LB Active ✕ Secondary LB Standby HA heartbeat / config sync App Server 1 Healthy App Server 2 Healthy Live traffic

Legend

Client
VIP
Active or healthy node
Standby HA node
Failed node / broken path

Key learning points

  • The client still connects to the same VIP before and after failover.
  • Only the active load balancer changes from primary to secondary.
  • Once failover happens, new traffic follows the live green path through the secondary node.
  • The old path is shown in red so beginners can clearly compare before and after.