Yes, totally possible. As I don't have a JSFiddle or code example, I am going to give some high level ideas:

  1. The circles on image is very straight forward. Just render the image in <img> tag. Overlay a canvas with transparent background and draw all the circles/ovals.

  2. I believe you used SVG path for each circle (lines going through each of the feature values). Get a handle to the SVG path element on mouseover. Determine the index of the circle in question.

  3. Once you have the index, look up (cx, cy) and render the center for the circle in the canvas. On mouseout, remove the center asterisk.

Hope that helps!

Related Query