Есть ли у вас похожие проекты?
Как разумнее такое реализовать? По идеи полоски и синие точки должны крутиться в разные стороны, с keyframes верстать?
1. Рисуете все эти дуги, точки и иконки в SVG.
2. Дуги и точки анимируете с помощью transform:rotate и keyframes (поворот от 0 до 1turn, в этом нет ничего сильно замороченного, но оставлю пример для изучения), каждой ставите свое время полного оборота по вкусу.
3. Иконки винды, ведра и айоси подвергаете извороту "туда-обратно" (как в этом примере). Обертку крутите в одну сторону, а иконку в другую - будет выглядеть, как будто они летают по кругу.
Я бы сделал подобное на Crafty.js: там наследование легко делается и поворот, и всё это возможно делать с DOM-объектами без использования Canvas'а (чтобы стили задавать в CSS по-старинке).