d3.js - drag circle copies from different svgs to another svg in d3 -
I have different skiubs (SVG1-SVG4), with many circles drawn on them. I can choose these circles individually so that they change in their appearance (fill color). They have also been added to the class. Selected. Now I would like to draw them semi-transparent copies in a new SVG. The original boards should stay where they are. I would like to give the interactive power of pulling several circles on that SVG5 to create a new object on another SVG (SVG5). When they are removed, the copies of the circles should be removed and an indication where users can give more information about new objects in SVG5 should be opened. So I got a new SVG (called SVGcric). On SvgCircles, I have added a group, where I add a circle copy when a circle is selected. I have also added a drag version to the group, which calls a function, where I will change the position of the G element / circle copy. My question is now: Where should I place the status of STVG so that drag-event can be seen and call...