Script sencillo y personalizable para dibujar líneas entre elementos HTML

Para un proyecto en el que estaba trabajando necesitaba un script que permitiera dibujar líneas entre diferentes elementos HTML y me encontré con LeaderLine, un script que es simple para cargar en la web y muy sencillo de configurar y personalizar.

Esta libreria de «LeaderLine» está disponible en Github: https://github.com/anseki/leader-line.

Tal y como está documentado en su web con muchísimos ejemplos de configuración, es muy fácil de poner en marcha. Primer tener claros los elementos que se tienen que unir:

<div id="start">start</div>
<div id="end">end</div>

Después basta con crear las líneas entre ellos definiendo los elementos de origen y destino:

new LeaderLine(
  document.getElementById('start'),
  document.getElementById('end')
);

A partir de ahí, imaginación al poder en base a lo que necesites.