Create MapSVG imagemap based on custom posts in Wordpress

I have an image showing 8 apartments. I need a MapSVG imagemap with colour overlay for each apartment based on the taxonomy status for each apartment. The apartments are created as 8 custom posts with an availability status as a taxonomy. The 3 taxonomies are: Available, Reserved and Unavailable. The colour overlay needs to be green, orange or red and change when the taxonomy for each custom post changes. When hovering the imagemap i need a small box displaying the title of the custom post for each apartment along with the availability status, square footage and monthly rent. Square footage and monthly rent are custom fields (with ACF) for the custom posts. If the taxonomy status is "unavailable" the box should not display square footage or monthly rent. Clicking the individual apartments on the imagemap should link to the custom post for the apartment. I have attached the illustration of the apartments also showing an approximate idea of the needed result. Please let me know, in case I have forgotten to mention something. I hope it's pretty straight forward