Como traçar linhas ligando várias DIVs

[Luiz Otávio Foreba 0]

Olá amigos, estou precisando de um código ou um exemplo, que crie uma linha ligando vários elementos do documento, exemplo:

 

Tenho 4 DIVs, teria que ter uma linha ligando uma na outra, veja a imagem:

 

 

É possível fazer isso sem flash? Com CSS3 e HTML5 ou javascript??

 

Obrigado!

[Giovani 104]

Qual o obejtivo disso? As divs irão variar o tamanho? QUem sabe um background resolva :)

[Luiz Otávio Foreba 0]

Qual o obejtivo disso? As divs irão variar o tamanho? QUem sabe um background resolva :)

 

É um mapa que to fazendo, todas as DIVs tem 10px por 10px, o background do local completo, é o mapa da cidade, veja abaixo:

 

 

É tudo dinâmico, com jQuery, PHP, MySQL, HTML e CSS... Só que agora, eu preciso das linhas ligando as divs, eu só não consegui um código que pudesse adaptar para ficar tudo dinâmico....

[Giovani 104]

Se o mapa não for grande é tranquilo de fazer com uma imagem de background.

Terão muitos "pontos"?

[Luiz Otávio Foreba 0]

Se o mapa não for grande é tranquilo de fazer com uma imagem de background.

Terão muitos "pontos"?

 

São postes das ruas... Muitos muitos mesmo....

[Giovani 104]

Muitos muitos fica muito ruim B)

Será que não existe alguma ferramenta ou plugin pronto?

[Luiz Otávio Foreba 0]

Muitos muitos fica muito ruim B)

Será que não existe alguma ferramenta ou plugin pronto?

 

É, na verdade já está pronto, mas tem um cara que trabalha no projeto, que tava querendo que eu colocasse uma linha que fizesse os papeis dos fios, estou procurando algo que faça isso, se encontrar, eu posto aqui...

 

--

 

Encontrei aqui http://jsdraw2d.jsfiction.com/, creio que vá dar certo para o que eu preciso!