GitLab CI/CD • Live status

CI Pipeline Visualization

I use this view to sanity-check whether a push will roll out cleanly. It shows pipeline status from GitLab, with SVG timelines for stages and jobs.

SuccessRunningPendingFailed

UNKNOWN

Quick tour

What it shows

A live feed of the latest pipelines across my services and infra repos.
A compact SVG stage view that makes failures and bottlenecks obvious.
Search + status filtering so you can focus on what’s currently broken.

How it’s built

A read-only CI status endpoint (no auth in the browser).
SVG rendering instead of heavyweight charts for crisp visuals.
Tuned for quick scanning: stage health first, details on demand.

What to look for

Repeated failures in the same stage (usually config drift or a flaky test).
Lots of pending jobs (runner capacity or concurrency limits).
Long stage durations that suggest cache misses or slow artifact uploads.

Notes

This is a status dashboard, not a full job log viewer.
If you share a link, it preserves your current filters in the URL.

Powered by svg-sdk

This demo uses @flexinfer/svg-sdk, a small toolkit for programmatic SVG generation. Deterministic layouts keep stage positions consistent as pipeline data changes.

Particle Clouds

Seeded, reproducible effects

Pulse Rings

Animated status indicators

Region Layout

Bounded distribution helpers

Neon Palette

Built-in color schemes

CI Pipeline

Demos