What is the best way to implement an image map?

Question

JavaScript

Hello! It is necessary that when hovering over the image, its part is highlighted, as in this example . In addition, each highlighted element must have its own id, upon clicking on which a pop-up window will be called. The first thing that comes to mind is a few divs with absolute positioning, but in this case adaptability is lost (and in general, this is somehow ugly). What other options are there?

Answer 1

In your example, the SVG is clearly visible. Use d3js.org

Answer 2

And you didn’t think about the billion viewers of this site who have nothing on their tablet to point to something
Mobile first is like a grit