Как сделать круглую шкалу рейтинга на svg или canvas?

Question

[Сергей Гурджиян]

Нужно сделать шкалу рейтинга в виде окружности, которая будет заполняться цветом пропорционально числу до 10, число будет передаваться, например, через data атрибут.

Подскажите как сделать? Может есть готовые плагины?

Answer 1

[HamSter]

Ищите circle countdown в гугле

knob
codepen svg

Answer 2

[Макс]

Да полно их
www.jqueryscript.net/demo/Create-Percentage-Circle...

Answer 3

[Clever_Coyote]

Codepen
Когда-то делал через канву

Answer 4

[Михаил Румянцев]

Можно через dashoffset
Codepen
Пример грубый, но принцип понятен