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
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| n12Map 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 14 days of Pro. No card needed.