Как обеспечить интерактивность SVG с промежутками между элементами?
Если я правильно понял, первое, что приходит в голову - сектора в svg каждый, которые должны выделяться, в один составной контур, и под этим контуром белую подложку. И 2 этих элемента - составной и под ним - в одну группу с каким то css классом.  А этому классу уже зававать поведение, можно через css, или js
https://websitebeaver.com/how-to-make-an-interacti...
И да, нужно не на весь SVG вешать события, а на отдельные секторы, каждый из которых объединен в составной контур, включающий габаритный контур.