Dragnet Interactable Diagrams

Instructions

1. When an SVG is selected, all text containing an identifier, '_' are extracted and turned into labels.
2. Labels that you can interact with are shown in green.
3. Labels that have been placed can no longer be changes, and are shown in blue.
4. Once all labels are placed, the app will tell you whether you selected them all correctly or not.
5. Selecting the reset button will reset the diagram and all labels to the original positions.