Рисование соединительной линии между двумя элементами

Как я могу (или какие инструменты доступны) провести линию между двумя или более элементами, чтобы соединить их? Подойдет любая комбинация HTML / CSS / JavaScript / SVG / Canvas.

Если ваш ответ поддерживает любой из них, укажите это:

• перетаскиваемые элементы
• перетаскиваемые / редактируемые соединения
• предотвращение перекрытия элементов

Этот вопрос был обновлен, чтобы объединить его многочисленные варианты .