Как можно реализовать подобную анимацию?

Question

[Dntnn]

Добрый день, как можно реализовать подобную анимацию, а именно получилось сделать движущиеся иконки на странице, но не понимаю как их связать такой пунктирной линией, которая будет связывать две и более иконки друг с другом и при перемещении их по странице данная пунктирная линия будет растягиваться и уменьшаться между ними, ну и в целом нужно чтобы визуально выглядело все как на скриншоте,какие сторонние библиотеки использовать и как правильней и легче это реализовать?

Comments

[Сергей Сергей]

d3js с группами из иконок, круглоточечных линий и соединителей-"полумесяцев".

spoiler

На svg, естественно, это надо делать, чтобы "полумесяцы" рисовать линиями, а не перекрывать сверху находящимся кругом, тени отдельным элементом, сами иконки, перекрывающие красные круги и вырезы на иконках — всё svg.

Answer 1

[Олег]

На canvas можно реализовать