CI/CD Pipeline — Reladraw template

GitOps 流水线. Copy the source, paste into the official playground, done. No coordinates — every position is stated relative to something else.

Preview

Developer GitHub Actions Registry Kubernetes push trigger push image deploy

Source (.reladraw)

node dev "Developer"
node repo "GitHub"  below dev
node ci "Actions"  below repo
node reg "Registry"  below ci
node k8s "Kubernetes"  below reg
edge dev -> repo  "push"
edge repo -> ci  "trigger"
edge ci -> reg  "push image"
edge reg -> k8s  "deploy"

How to use

  1. Open the Reladraw playground
  2. Paste the source above — the diagram re-solves live
  3. Export SVG from the playground, or render locally: npx reladraw ci-cd-pipeline.reladraw -o out.svg

When to use this template

The pipeline diagram for your README: push triggers CI, CI pushes an image to a registry, the registry deploys to Kubernetes. Use it to explain delivery flow to non-engineers, or to spot missing stages (where do tests sit? where does approval happen?).

How to customize

  1. Add a test stage. Insert node test "Tests" below ci and rewire: edge repo -> ci, edge ci -> test, edge test -> reg.
  2. Show a manual approval gate. Add node approval "Approve" below reg between registry and cluster: edge reg -> approval, edge approval -> k8s "kubectl apply".
  3. Split staging and prod. Add node prod "Prod cluster" below k8s and edge k8s -> prod "promote".

FAQ

How do I visualize a CI/CD pipeline?

Every stage is a node, every hand-off is an edge, ordered top to bottom in execution order. This template covers the standard push → build → registry → deploy path and renders in one paste.

Where do pull request checks fit?

Add a branch-protection node: node checks 'PR checks' right of repo with edge repo -> checks. Keep the main path linear — reviewers read top-to-bottom pipelines fastest.

How do I show rollback?

Add a labeled back edge: edge k8s -> reg "rollback: retag" from: left to: left. An explicit back edge is clearer than a note in the caption.

Related templates

GCP ArchitectureAzure ArchitectureServerless Architecture