All illustrations

Incident timeline

An alert fires on the timeline, and the incident runs to resolved fifteen minutes later.

FreeHUD · spot

Copy

Download

Open in

ClaudeChatGPTPerplexityGrokCursorv0Lovable
Incident timeline: an alert fires on the timeline, and the incident runs to resolved fifteen minutes later.

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/incident-timeline.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. a deploy lands on the timeline.
  2. the alert fires and the team responds.
  3. a rollback lands and the incident is resolved.

For developers

File size
3.2 KB gzipped
Motion
Plays once, 3.0 s, then holds
Reduced motion
Shows a still
File
incident-timeline.svg

Next in this theme.

Latency heatmap: cells warm where requests are slow, and the hottest route is flagged with its p99.HUD · spotFree
Log stream: log lines scroll past, and the one error is caught and pinned.HUD · spotFree