jQuery - usa lienzo para dibujar líneas entre divs

Tengo n<div> s, cada uno con<h1> título y<ul> Lista de artículos en.

Me gustaría flotar sobre un lienzo y dibujar líneas desde<div id="x"> lista de elementos y a<div id="z">. Estoy usando jQuery UI para hacer el<div> s arrastrables.

El elemento del lienzo se encuentra en la parte inferior de la página (un párrafo del texto y algunos elementos de formulario lo preceden), pero puedo cambiarlo si es necesario.

[editar]

Etiqueté la pregunta con un gráfico, pero permítame agregar este enlace:Graph_ (matemáticas) :-)

Respuestas a la pregunta(1)

Su respuesta a la pregunta