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