I have an animation that uses transition.duration to move a point and long a path. Both the point and the path have a duration of 100 ms between points. Both use the duration variable:
duration = 100
I also have a counter that starts at the same time and moves along a progress bar. It uses Promises.delay, with the delay also being 100 ms.
Both the animation and the progress ticker start at the some time (await visibility()), however, you’ll notice that the animation seems to run a bit faster and finishes several seconds before the progress bar and date do. I’m not sure why.
Note, while the date ticker shows the day, each day is actually comprised of 4 points (I’m using date formatting to only show the day and not the hour).
Any insights would be greatly appreciated.
Here is the notebook