I am new to web design , so pardon me if the question is too basic . My requirement is to build user interaction page , which would allow user to select things • it would be sort of graphical where user place a box from selection widget .
• After placing the box , an arrow in all the 4 sides appear on hover
• When user click on the arrow , another box gets attached to the arrow and then user can drag the new box , possibly moving around the circle with connected arrow as radius from the original box .
• when user has done the placement of boxes , i would take their positions and use them as selection criteria ( distance between two box.etc..)
• I feel this is something like some website lucidchart , draw.io where they allow us to create flow chart etc..
what technology stack can help me achieve such functionality . Any pointer is highly appreciated . Thanks a lot !!