All illustrations

Load balancer

Traffic comes in one door, and the balancer spreads it across the servers in turn.

FreeShader · spot

Copy

Download

Open in

ClaudeChatGPTPerplexityGrokCursorv0Lovable
Load balancer: traffic comes in one door, and the balancer spreads it across the servers in turn.

Not quite it? Ask for a variation

Install

Writes one React component and its WebGL runtime into components/illos. Nothing else to install.

The live field draws with WebGL and comes with the one-line add. The SVG you copy or download is its still frame and its labels.

npx shadcn@latest add https://illos.dev/r/shader/load-balancer.json

Or hand it to your agent

Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.

CursorClaudeChatGPTv0Lovable

How it moves

  1. one stream of requests flows into the balancer.
  2. it forks into three channels, each packet taking the next one in turn.
  3. each server's pool swells as a packet arrives, so all three fill alike.

For developers

File size
3.9 KB gzipped
Motion
Plays once, 4.2 s, then holds
Reduced motion
Shows a still
File
load-balancer.svg

Next in this theme.

Cache layer: a hit comes straight back from the cache, and a miss goes on to the database.Shader · spotFree
Autoscaling: as load rises new instances bud off it, and as it falls they fold back in.Shader · spotFree