JQuery: generar dinámicamente una vista de árbol gráfica a partir de los datos

Quiero generar dinámicamente una vista de árbol para representar las conexiones de un usuario en una aplicación, pero no quiero que se vea como una vista de árbol normal (parece una estructura del sistema de archivos) como esto:JQuery: generar dinámicamente una vista de árbol gráfica a partir de los datos

enter image description here

sino más bien como un diagrama de flujo de esta manera:

enter image description here

así que básicamente Quiero mostrar más gráfica de una vista de árbol y si es posible - poder acercar y alejar.

¿Cómo se puede lograr esto? ¿Conoces alguna herramienta (JS o Jquery) para ese tipo de cosas?

gracias

EDIT:

con el fin de no quedar dispersos Acá son las herramientas que parecen ser exactamente lo que estaba por llooking (con la ayuda de m90 y Tats_innit)

(por cierto - Me voy con thejit por ahora)

Fuente

2012-03-11 levtatarov

Quizás esto ayude: http://stackoverflow.com/questions/1374149/jquery-mind-map-think-map – m90

este no es un sitio tutorial. ¿Has intentado algo? –

gracias, Chamika Sandamal, por tu comentario extremadamente útil. he visto alrededor de una docena de herramientas, pero ninguna de ellas tiene las cualidades gráficas que estoy buscando. entonces pensé que alguien aquí podría saber de tal herramienta. – levtatarov

Es esto lo que busca - Plugin para crear vista de árbol:

[enlaces siguientes]

http://jquery.bassistance.de/treeview/demo/

http://archive.plugins.jquery.com/project/treeview

http://docs.jquery.com/Plugins/Treeview/treeview

Ah, para el diagrama de flujo sienten que no son pocos plug-in como un enlace de arriba, pero intenta esto:

http://code.google.com/p/js-mindmap/

esperanza que esta ayuda, aplausos,

Fuente

2012-03-11 09:47:35

gracias, pero estas también son herramientas y plugins simples para ver árboles – levtatarov

+1 para su pregunta; Prueba esto, por favor, http://code.google.com/p/js-mindmap/ He editado mi publicación. Si vas a leerme la sección en github, el enlace te llevará a una página de demostración http: // kenneth.kufluk.com/google/js-mindmap/, aplausos –

gracias, lo comprobaré ... parece prometedor – levtatarov

Se puede utilizar JsTree. También hay un tree component planeado para jQuery UI.

Fuente

2012-03-11 09:47:43 ebaxt

como traté de demostrar con las imágenes en mi pregunta - estoy buscando algo un poco diferente gráficamente- sabio que las vistas de árbol estándar. pero gracias – levtatarov

JQuery: generar dinámicamente una vista de árbol gráfica a partir de los datos

Respuesta

Cuestiones relacionadas