2009-12-24 10 views
6

Estoy buscando una biblioteca de JavaScript que trace redes con los nodos dispuestos en un círculo.Biblioteca javascript simple para visualizar un gráfico/red en un círculo?

Existen algunas otras buenas preguntas sobre la visualización de JavaScript en general, pero la mayoría de las cosas a las que se hace referencia parecen ser kits de herramientas bastante pesados. Estoy buscando una API simple que me permita pasar una matriz de pares de cadenas que representan conexiones, y luego trazar los nodos del gráfico resultante en un círculo, con líneas interiores que unen los nodos conectados.

Requisitos: javascript (no flash), libres, disponibles para su uso sin conexión

Respuesta

7

Recientemente tuve una necesidad similar y se encontró que la mejor visualización gráfica libre fue Javascript InfoVis Tooklit. No pude encontrar nada más liviano que también mostrara un gráfico razonable conectado. Afortunadamente, hay una buena cantidad de ejemplos/tutoriales para aprender a configurarlo para su aplicación específica.

+0

¿Mi caso de "círculo de nodos" sería una instancia de su clase HyperTree? – kdt

+0

Estaba pensando en la clase RGraph, ya que es un gráfico en lugar de un árbol, pero sin dudas, juegue con las demostraciones hasta que encuentre la más cercana a lo que está visualizando. –

1

Tome un lookat http://raphaeljs.com/

+1

que parece ser una biblioteca de dibujo: Estoy buscando por algo que en realidad tendrá una función "draw_graph (data)" en lugar de tener que hacer mis propios círculos/líneas, etc. – kdt

+0

Disculpas: mira más allá en http://g.raphaeljs.com/ – graphicdivine

+2

g.raphaeljs.com es para visualizar pie/gráficos de barras, no redes/gráficos. –

0

¿Has echado un vistazo a las API de visualización de Google? Es Javascript, y puedes ejecutarlo fuera de línea. (Además, tienen algunas herramientas en Python/Java para convertir sus datos para usar ... etc.).

+1

De las preguntas más frecuentes de la API de visualización de Google: '¿Puedo usar visualizaciones fuera de línea? No; su computadora debe tener acceso en vivo a http://www.google.com/jsapi para usar las visualizaciones' – kdt

4

Cytoscape Web JS hará lo que necesite.

Mira la página de GitHub here que también contiene una demostración sencilla http://cytoscape.github.com/cytoscape.js/

+0

¿Es posible mostrar el tipo de relaciones? ¿Puedo ponerle un nombre a cada relación? – dlopezgonzalez

+0

Sí, por supuesto. Respondí la pregunta [usted preguntó] (http://stackoverflow.com/questions/14293474/can-i-show-the-kind-of-relation-between-nodes-in-cytoscape-js/14294825#14294825) – by0

Cuestiones relacionadas