Mini pipeline graph

A mini pipeline graph is a visualization of a CI/CD pipeline.

Usage

A mini pipeline graph can be used in different layouts throughout the product as a way to monitor the pipeline run and navigate between the pipelines stages and jobs.

When to use

• Communicate the status of the different pipeline stages and jobs in one place.

When not to use

• If you need to display the status of the pipeline as a whole, use a pipeline status badge.

Demo

Simple pipeline

A mini pipeline graph for a simple 3-stage pipeline.

TODO:

Add mini pipeline example Create an issue

Upstream and downstream pipelines

A 3-stage pipeline with an upstream and a downstream pipelines.

TODO:

Add upstream/downstream mini pipeline example Create an issue

Design specifications

View in Pajamas UI Kit →