una proceso pasos para mano hacer flujo empresa ejemplos educativo diagrama datos como html css flowchart

html - proceso - diagrama de flujo ejemplos



Cómo hacer un diagrama de flujo/diagrama usando solo HTML y CSS (2)

Necesito hacer un diagrama realmente complicado para un sitio web, en el que la jerarquía será un poco desordenada: las flechas subirán y bajarán, a veces un elemento apuntará a varios otros, y a veces habrá varios elementos que apuntan al mismo. . He encontrado este método , pero no permite más de un elemento primario para un elemento y, por lo tanto, no hará el truco en este caso.

Se debe hacer en HTML / CSS, porque mi intención es agregar un poco de Javascript para cambiar dinámicamente el contenido de los bloques.

Este es un ejemplo del nivel de complejidad que necesito alcanzar:



Otro a buscar es el example SpaceTree por "Nicolas Garcia Belmonte" pero no una solución CSS pura. Es compatible con IE y la mayoría de los navegadores. Definitivamente vale la pena intentarlo.