Bild anzeigen und überlagern mit xy Koordinaten

Hallo zusammen,

vielleicht hat der ein oder andere ja sowas schon bei sich laufen. Und zwar würde ich gerne die folgende Grafik mit einer Art xy System überlagern und ins Webfront stellen:

Ich stelle mir vor, das es dann später so aussieht:

Etwas php Wissen ist da, aber bei Zeichnungen/Vektoren hört es dann komplett auf.

Vielen Dank schon Mal, für eure Ideen.

Liebe Grüße Sebastian