Круговые диаграммы — это распространенные компоненты, которые позволяют отображать части целого, и их можно использовать для самых разных целей. Существует множество статей о создании такого компонента, но обычно они основаны либо на SVG, либо на множестве элементов HTML...

Несколько лет назад, когда анимация CSS была нам еще в новинку, есть ли способ анимировать с помощью CSS движение элемента по кругу. В то время это было всего лишь занимательным упражнением на знание CSS, но позднее мне довелось натолкнуться на множество реальных сценариев использования. Например, в Google+ вы видите такую анимацию, когда в круг, в котором уже есть более 11 членов, добавляется новый пользователь: существующие аватары раздвигаются, освобождая место на окружности для нового изображения...