How to make css animation like this?

Question

css

There is such a site: https://brokerai.net/
In the How it works section there is a diagram with animation, dots move. How is this animation done? I would be grateful for links to guides or for a similar simpler example. In which direction to dig?

Answer 1

In pure CSS, doing this would take too long. It's easier to take a bunch of SVG + JS. Draw for each point path - the path along which it moves, and then in JS you move it along this path. There are many ready-made solutions, for example, here is a simple demo in pure JS, and libraries like anime.js have such a function.