Demos
GitLab CI/CD • Live status
CI Pipeline Visualization
I use this view to sanity-check whether a push will roll out cleanly. It's a real-time feed from my GitLab runners, rendered as SVG so the “neon dashboard” look stays fast and crisp.
SuccessRunningPendingFailed
UNKNOWNQuick 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 layout helpers and seeded randomness keep animations smooth without blocking the main thread.
Particle Clouds
Seeded, reproducible effects
Pulse Rings
Animated status indicators
Region Layout
Bounded distribution helpers
Neon Palette
Built-in color schemes