jQuery - use canvas para desenhar linhas entre divs

Eu tenho n<div> s, cada um com<h1> título e<ul> lista de itens em.

Eu gostaria de flutuar sobre uma tela e desenhar linhas de<div id="x"> item da lista y para<div id="z">. Eu estou usando o jQuery UI para fazer o<div> s arrastável.

O elemento da tela está no meio da página (um parágrafo de texto e alguns elementos de formulário o precedem), mas eu posso mudar isso se necessário.

[editar]

Eu marquei a questão com o gráfico, mas deixe-me adicionar este link:Graph_ (matemática) :-)

questionAnswers(1)

yourAnswerToTheQuestion