All illustrations

Autoscaling

As load rises new instances bud off it, and as it falls they fold back in.

FreeShader · spot

Copy

Download

Open in

ClaudeChatGPTPerplexityGrokCursorv0Lovable
Autoscaling: as load rises new instances bud off it, and as it falls they fold back in.

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/autoscaling.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. the load swells as traffic rises.
  2. new instances bud off its edge and settle into their slots: 2 becomes 5.
  3. as the load ebbs they fold back into it, and the count falls to 2.

For developers

File size
3.3 KB gzipped
Motion
Plays once, 4.2 s, then holds
Reduced motion
Shows a still
File
autoscaling.svg

Next in this theme.

Load balancer: traffic comes in one door, and the balancer spreads it across the servers in turn.Shader · spotFree
CDN cache: content waits at edges near your users, so each request is answered close by.Shader · spotFree