POCS:

  • Animation repetition
  • Use a time reference

  • Primary arrows flowing continuously

2s steps

  • 0s hidden element with id
  • 2s Deployment canary v1 -> v2, replicas 0 -> 1
  • 4s Pod canary appears
  • 5s Service to pod arrow appears
  • 6s Ingress to pod arrow appears
  • 8s Both arrows start flowing
  • 10s Both arrows get thicker
  • 14s Deployment primary v1 -> v2
  • 16s Pod primary v1 -> v2 and changes name (maybe copy it and move it a bit)
  • 22s Canary arrows disappear
  • 24s Deployment canary replicas 1 -> 0
  • 26s Canary pod disappears