я бы сделал по принципу как здесь
https://ruseller.com/lessons.php?rub_id=2&id=1511 показывается, меня ротацию и без анимаций, в итоге у тебя останется несколько блоков внутренних блоки( которые закрашены ) отдельные блоки обрисовывающий линии, через js тебе останется только окрашивать внутренние блоки треугольники, и менять ротацию для внешнего где линия для текущего состояния диаграммы, но я не силен пока в подобных вещах так что мб что и получше и попроще подскажут, т.к. это я щас просто в голове собрал из вводных данных