How to put data on an image

If you know the positions of the circles in the image, you could load the image in a canvas, then use the mouse click events and calculate which circle had been clicked by looking at the mouse coordinates.

I did something similar (the click part, not the image part) here.