Skip to content
Graphviz (DOT) templates

CI/CD Pipeline (Graphviz)

Commit-to-production pipeline stages and gates.

Template previewGraphviz (DOT)
Rendering…

Make it your own.

digraph CICD {
  rankdir=LR;
  node [shape=box, style="rounded,filled", fillcolor="#eef2ff", fontname="Helvetica"];
  edge [color="#64748b"];

  commit [label="Commit", fillcolor="#dcfce7"];
  build  [label="Build"];
  test   [label="Unit tests"];
  scan   [label="Security scan"];
  stage  [label="Deploy: staging", fillcolor="#fef9c3"];
  e2e    [label="E2E tests"];
  approve[label="Manual approval", shape=diamond, fillcolor="#fde68a"];
  prod   [label="Deploy: production", fillcolor="#bbf7d0"];

  commit -> build -> test -> scan -> stage -> e2e -> approve -> prod;
  test -> commit [label="fail", color="#ef4444", constraint=false];
  e2e  -> commit [label="fail", color="#ef4444", constraint=false];
}