Как сделать круг с сегментами?

Question

[olrickx]

Нужно сделать вот такой круг с сегментами и чтобы при наведении цвет сегмента изменялся на более светлый.
Подскажите, как его сделать??!
Или это нереальная задача?
Кто может скиньте обучалку или помогите, готов заплатить!

Answer 1

[olrickx]

Нашел решение кому нужно берите codepen.io/anon/pen/YPbKgw

Answer 2

[Алексей Николаев]

Такое, пожалуй, возможно сделать либо через svg, либо через извращения с canvas, причем первый вариант гораздо легче в реализации.

Comments

[olrickx]

Искал обучение по svg - нет пример создания такой хрени

[phpus]

Круги, а дальше просто разрезать их. Если у вас нету логики, лучше на фриланс зайдите.

Answer 3

[xmoonlight]

raphaeljs.com

Answer 4

[Илья Ерофеев]

Вот статьи, которые помогут:
HTML и SVG: создаём интерактивную карту
Dynamic Geo Maps with SVG and jQuery
Построение интерактивной карты с Raphaël