Draw a connecting line between two elements
connection, html, javascript, jquery-ui-draggable, line
Solution
jsPlumb is an option available that supports drag and drop, as seen by its numerous demos, including the Flowchart demo.
It is available in a free Community edition and a paid Toolkit edition.
The Toolkit edition wraps the Community edition with a comprehensive data binding layer, as well as several UI widgets for building applications and integrations for popular libraries, and is commercially licensed.
Problem
How can I draw a line between two or more elements to connect them? Any combination of HTML/CSS/JavaScript/SVG/Canvas is fine. If your answer supports any of these, then do mention it: - draggable elements - draggable/editable connections - element overlap avoidance This question has been updated to consolidate the numerous variations of it.