Drag and Drop Anywhere

save x,y coordinates and show data in a heatmap

Drag and Drop Anywhere
Demo

Why?

Ask people to show you instead of telling you

Inspiration

Limesurvey

Also a Limesurvey fan? You can try this file and adjust it to your own survey.
Tested with Version 3.17.4+190529

Lines of code to change:

src="//code.jquery.com/ui/1.11.4/jquery-ui.js" // Add the UI.css
src="jquery.ui.touch-punch.min.js" // Add the Touch-Punch css (to enable touch)
$( '#question269' ).hide(); // to your own question number from the hidden question
$('input#answer348715X8X50B1X').val(xPos); // to your own SGQA ID
$('input#answer348715X8X50B1Y').val(yPos); // to your own SGQA ID
$('input#answer348715X8X50B2X').val(xPos2); // to your own SGQA ID
$('input#answer348715X8X50B2Y').val(yPos2); // to your own SGQA ID
$('input#answer348715X8X50B3X').val(xPos3); // to your own SGQA ID
$('input#answer348715X8X50B3Y').val(yPos3); // to your own SGQA ID
background-image: url('');	// 4 times, change the pin images and main image
							    

Note

Solutions and code are given without any warranty, implied or otherwise.

Looking for a specific solution, existing tool or like to brainstorm? Feel free to contact me!