How to draw lines with captions on an image with javascript?

I have a website contains pipeline image and I’m trying to figure out how to draw multiple lines with captions addressing specific position of the image. Any good ways or library I can try that helps to do this well?

This example is what I expect.
enter image description here

I currently only have pipeline image with transprent background and pixels of positions I want to connect the lines.