CI/CD deployment pipeline diagram
This is a worked example. Wavelength built the diagram below from the description on this page. Nobody drew it by hand.
What was said
A developer opens a pull request in GitHub. GitHub Actions runs the unit tests. If the tests fail, the developer gets a failed check. If they pass, a reviewer approves the pull request and merges it. The merge builds a Docker image and pushes it to Amazon ECR. Argo CD deploys the image to the staging cluster, and after smoke tests pass, to production.
The diagram
Opens an editable copy you can change by voice or by hand. Free account, no card.
What is in this flow
- Systems: GitHub, GitHub Actions, Amazon ECR, Argo CD, Staging Cluster and Production Cluster.
- People and teams: Developer and Reviewer.
- Decisions: Tests Pass? and Smoke Tests Pass?.
- Size: 13 steps and 12 connections.
Mermaid code
Copy this into any Markdown file, GitHub README, or Mermaid Live to render the same flow.
flowchart TD
n1("Developer")
n2{{"GitHub"}}
n3{{"GitHub Actions"}}
n4{"Tests Pass?"}
n5("Reviewer")
n6["Build Docker Image"]
n7{{"Amazon ECR"}}
n8{{"Argo CD"}}
n9{{"Staging Cluster"}}
n10{"Smoke Tests Pass?"}
n11{{"Production Cluster"}}
n12(["Production Deployed"])
n13(["Failed Check"])
n1 -->|opens pull request| n2
n2 -->|triggers| n3
n3 -->|runs unit tests| n4
n4 -->|No| n13
n4 -->|Yes| n5
n5 -->|approves and merges| n6
n6 -->|pushes image| n7
n7 -->|deploys| n8
n8 -->|to staging| n9
n9 -->|runs smoke tests| n10
n10 -->|Yes| n11
n11 -->|deployed| n12
Map your own process
Describe your version out loud, or paste the transcript of a call. Wavelength draws the flow as you talk, and you can edit it by voice, by prompt, or by hand.
Every new account starts with 7 days of Pro. No card needed.
Related
- Flow diagram examples: all 37 worked process and data flow diagrams
- Order to cash process: a finance flow example
- Procure to pay process: a procurement flow example
- Employee onboarding: an HR flow example
- Invoice approval workflow: an approval flow example
- Support ticket escalation: a support flow example
- Flowchart template: copy, edit, and make your own
- For business analysts: capture an as-is process in swimlanes
- Live demo: describe a process and see the flow, no account needed
