Как сделать объёмную круговую диаграмму для сайта?

Есть задумка на сайт сделать круговую диаграмму как на изображении.

Нужно чтобы в центре был вырез, а при наведении сегмент выезжал. Предполагаю, что лучше это дело реализовать на Three.js. Попытался, но получилось только сделать слитную форму без сегментов. И то круг получился сегментированный (угловатый), что не удалось исправить.

Как вообще можно реализовать эту идею (как сделать этот "квадратный тор" и разбить на сегменты)?