I am trying to create a custom Navigation Bar for a website. The idea is to create , like a pie chart with the different section of the website, expanding on hover, with a image in the background forming part of the chart itself. Let me clarify with some images:

And then with the hovering effect on one of the parts:

The hovering spread the spiral to the exterior and show the label "Home". Note that the 'spiral' is representative, normally it would be a logo, or a image. My question is which technology should i use? Pure css? JS? HTML CANVAS? or SVG?

Another thing is the spiral on the background, if its an image, how can i modify it while hovering? do i need to 're-create' the image with code ? like svg drawings etc..

Thank you very much , any ideas is welcome