Wavelength

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

G n1 Developer n2 GitHub n1->n2 opens pull request n3 GitHub Actions n2->n3 triggers n4 Tests Pass? n3->n4 runs unit tests n5 Reviewer n4->n5 Yes n13 Failed Check n4->n13 No n6 Build Docker Image n5->n6 approves and merges n7 Amazon ECR n6->n7 pushes image n8 Argo CD n7->n8 deploys n9 Staging Cluster n8->n9 to staging n10 Smoke Tests Pass? n9->n10 runs smoke tests n11 Production Cluster n10->n11 Yes n12 Production Deployed n11->n12 deployed
Hexagons are systems. Cylinders are data stores. Diamonds are decisions. Rounded orange boxes are people and teams. A dashed amber arrow is a link the AI inferred. Pink arrows are decision branches. Blue arrows move data.

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

More examples

See all flow diagram examples