Интерактивная SVG-диаграмма. Саша Смыгина пошагово собирает злободневный интерактивный пай-чарт: ручной SVG и stroke-dasharray, немного математики и JS.

Подробности https://htmlacademy.ru/blog/boost/frontend/svg-chart
Демо на CodePen https://codepen.io/sasha-sm/pen/WNvKNmR