SVG Animation using HTML5, Java script, and CSS

I am looking for a HTML5, JS, CSS developer who has experience with SVG and animations on a HTML5 web page. I have a simple SVG which is a circle with different sections/areas/pie. When one of this area/pie is clicked that section should animate/zoom out and then only display that section. Then over lay that section with some text and make that section clickable or double click/tap to cancel out and go back to original image. Other requirements • The SVG file will be provided by me • You will have to map areas in each pie/section on the SVG file (18 maps) • Onclick of the area, the pie should animate and come forward and rotate so the text is horizontal • Some text overlay will be needed • Then click of the image should take the page to a URL or double click should take them back • Not all pie need to be mapped, but the code should be built so that I can map the rest of the pies • In this example include pies form the white middle circle and also some from the outter color circle. • Code should be modularized, so I can easily extend to adapt to any svg with maps. • The HTML page should be responsive and render to desktop/tablets/mobile devices You can use any open source js/ css frameworks, but let me know what you are going to use before you start. Let me know if you have any questions.