frontAng, можно и без svg вообще ... но я очень занят - не могу найти время для этого, но можешь задать вопрос о том как эту хрень сделать без svg, не думаю что расположить div по кругу будет сложно но эту штуку прозрачную наверно все таки на svg
frontAng, вы же сами закоментили handle.setAttribute("r",) можете после запятой поставить цифру а ниже так же дописать handle.setAtttibute("fill",цвет)
krl76, блок с картинкой с относительным позиционированием...по верх этого другой блок с фоном rgba с полупрозрачностью с абсолютным позиционированием...то есть rgba(0,0,0,0,7)а при hover rgba(0,0,0,0) и всё