Como fazer um fluxograma / diagrama usando apenas HTML e CSS [fechado]

Eu preciso fazer um diagrama realmente complicado para um site, no qual a hierarquia será um pouco confusa: as setas vão para cima e para baixo, às vezes um elemento vai apontar para vários outros, e às vezes haverá vários elementos apontando para o mesmo. Eu encontrei este método , mas ele não permite mais do que um pai para um elemento e, portanto, não vai fazer o truque neste caso.

Tem de ser feito em HTML / CSS, porque a minha intenção é adicionar algum Javascript para alterar o conteúdo dos blocos dinamicamente.

Este é um exemplo do nível de complexidade que preciso de alcançar.: chart

Author: royhowie, 2013-03-22

2 answers

 16
Author: Dineshkumar, 2013-10-18 06:07:07

Outro a procurar é SpaceTree Exemplo por "Nicolas Garcia Belmonte" mas não uma solução CSS pura. É compatível com IE e a maioria dos navegadores. Vale a pena tentar.

 2
Author: Sanjay Zalke, 2014-03-03 09:05:49