Dibujando un diagrama o arbol con css y html

[victor diex Diaz Devera]

Bueno eso mismo , estoy terminando un proyecto en que necesito dibujar un diagrama de red

interactivo , la cosa es que con css no encuentro documentacin de como hacerlo , alguien aqui sabe como ?

un ejemplo seria algo asi http://www.fr3d.org/blog/wp-content/uploads/2006/10/network-proposed.png

lo que no logro hacer es las conexiones o lineas de conexion entre los objetos, estoy pensando

hacer todo el diagrama con divisores o tal vez tablas , eso no seria problema , pero al llegar a dibujar las conexiones , tons me pierdo , a ver si alguno de ustedes alguna vez le toco hacer algo parecido , Saludos

[Carola Ledezma]

Hola a todxs:

Voy a reponder corriendo el riesgo de que mi respuesta sea tonta, Master y si haces el dibujo con Inkscape con Sozi puedes hacer imagenes interactiva .svg...

Saludos

Carola

--
Comunidad de discusion privada VENENUX "venenuxsarisari".
---
Has recibido este mensaje porque estás suscrito al grupo "venenuxsarisari" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus mensajes, envía un correo electrónico a venenuxsarisa...@googlegroups.com.
Para publicar en este grupo, envía un correo electrónico a venenux...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/venenuxsarisari.
Para ver esta conversación en el sitio web, visita https://groups.google.com/d/msgid/venenuxsarisari/CAJHOxX%2Bf66xQ4BfFypoLbfmV%3D65VMjVBppifVZqFtV1wioLb6w%40mail.gmail.com.
Para acceder a más opciones, visita https://groups.google.com/d/optout.

--

T.S.U. Carola Ledezma

GNU/Linux User: 559702

[victor diex Diaz Devera]

El 19 de mayo de 2015, 14:24, Carola Ledezma <antt...@gmail.com> escribió:

Hola a todxs:

Voy a reponder corriendo el riesgo de que mi respuesta sea tonta, Master y si haces el dibujo con Inkscape con Sozi puedes hacer imagenes interactiva .svg...

Saludos

no es tonta, pero no es lo que busco, mas bien busco dibujar el diagrama con css para luego darle algunos efectos con javascrip, tal vez con svg podria hacerlo, pero nunca lo he intentado y se ma acaba el tiempo .

Para ver esta conversación en el sitio web, visita https://groups.google.com/d/msgid/venenuxsarisari/CANrsFM%3DoqZ4SFE07%2BJ0aNXf%2BCnrrSt3rYoUSuq-LpWbZWd9zaw%40mail.gmail.com.

[Venenux sarisarinama Mail list]

umm con node.js no veo otra manera y el drwaio.js pero drawio.js pide plata si la usa comercialmente,, tendrias que toquetear el js y ver cuando llama a el proveedor de drawio.js

Para ver esta conversación en el sitio web, visita https://groups.google.com/d/msgid/venenuxsarisari/CAJHOxX%2BR4S-BiuUoYj500etKUMOFg-vhjeq6ytT66dRP%3DYbG2g%40mail.gmail.com.

[victor diex Diaz Devera]

SOLUCIONADO,

Para ver esta conversación en el sitio web, visita https://groups.google.com/d/msgid/venenuxsarisari/CALci%2BFTgiTb-4f9krjYmjVd4owPRHOV8C4gDnVZ6uy9%2BgaLoYg%40mail.gmail.com.

[victor diex Diaz Devera]

SOLUCIONADO,

al final solucione haciendo el digrama en svg (con inkscape of course) y los efectos con javascript

comparto el trabajo (svg) aqui para referencias futuras, y luego para cerrar el hilo compartire el javascript.

[PICCORO McKAY Lenz]

aja pero se te olvido decir el proveedor de la droga que te fumaste .. porque ni yo entendi como lograste hacer eso... lumpia con harina de trigo porque la harina pan hay que hacer cola

Lenz McKAY Gerardo (PICCORO)

http://qgqlochekone.blogspot.com

Para ver esta conversación en el sitio web, visita https://groups.google.com/d/msgid/venenuxsarisari/CAJHOxXL4bQbYhqeW-Lfrk75TUZdmnrhv_XAYH_zO%3DvF8ekgFWA%40mail.gmail.com.

[victor diex Diaz Devera]

Aqui el codigo final

Para ver esta conversación en el sitio web, visita https://groups.google.com/d/msgid/venenuxsarisari/CALci%2BFSgV6oz9b95miNvdBUnQW0DWmZcPu7hM9DR%2Bd5PPP9XjA%40mail.gmail.com.