All illustrations

Traffic map

Requests flow along the routes of your map, busiest first.

FreeHUD · spot

Copy

Download

Open in

ClaudeChatGPTPerplexityGrokCursorv0Lovable
Traffic map: requests flow along the routes of your map, busiest first.

Not quite it? Ask for a variation

Install

Writes one React component into components/illos. Nothing else to install.

npx shadcn@latest add https://illos.dev/r/scifi/traffic.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. requests travel the routes between the blocks.
  2. they cross at the busiest junction, where a ring pulses.
  3. the readout holds at 1200 while the routes stay lit.

For developers

File size
4.4 KB gzipped
Motion
Plays once, 4.0 s, then holds
Reduced motion
Shows a still
File
traffic.svg

Next in this theme.

Search index: a query drops through the index and finds its match.HUD · spotFree
Model training: the model walks down the loss surface until it settles.HUD · sectionPro