visualización de red JavaScript?

Question

Estoy buscando una biblioteca para visualizar una red.

Solo necesito agregar algunos nodos (el nodo tiene texto en ellos), agregar bordes entre ellos, (los bordes están dirigidos y tienen texto en ellos). No quiero establecer la posición de nada a mano.

me gustaría API simple como:

var node1 = X.addNode(1, "Hello"), 
    node2 = X.addNode(2, "World"); 
X.addEdge(node1, node2, "helloworld"); 

He buscado durante horas, atendidos arborjs, sigma.js, d3.js, JavaScript InfoVis Toolkit, ninguno de ellos me ha satisfecho.

¿Hay algo más que pueda probar?

Answer 1

Echa un vistazo VivaGraphJS.
Amazon Visualization sample de VivaGraphJS.

La configuración de diseño sample utiliza WebGL como procesador de rendimiento.

Answer 2

¿Cuál es el problema con sigma.js? la página web de la biblioteca tiene un ejemplo muy sencillo para dibujar los nodos y bordes:

var sigRoot = document.getElementById('sig'); 
var sigInst = sigma.init(sigRoot); 
sigInst.addNode('hello',{ 
label: 'Hello', 
color: '#ff0000' 
}).addNode('world',{ 
label: 'World !', 
color: '#00ff00' 
}).addEdge('hello_world','hello','world').draw(); 

Answer 3

Comprobar esta página del sigma.js
http://sigmajs.org/examples/a_plugin_example.html
y verá cómo lo hacen de forma aleatoria o una disposición circular.

Answer 4

Producimos mxGraph, pero tenga en cuenta que esta es una biblioteca comercial, no de código abierto. No estoy seguro de por qué las bibliotecas de código abierto que enumeró fallaron, pero ciertamente formar el gráfico, configurar la geometría y las etiquetas son todas llamadas a funciones bastante triviales.

Answer 5

Pruebe cne-tnetwork. Es una biblioteca de visualización de JavaScript para crear y dibujar gráficos de red. Está basado en SVG y es compatible con HTML 5. Está disponible públicamente en github, con licencia bajo la licencia Afferro de GNU. Puede encontrar cómo usarlo en el readme de la biblioteca. Tiene un modo para arrastrar los nodos. Los enlaces entre nodos pueden ser unidireccionales, bidireccionales o incluso "buses" que conectan varios elementos. Con CSS puedes personalizar todos tus estilos (nodos, enlaces, flechas, autobuses ...).

Answer 6

Encontré esta biblioteca de JavaScript para ser útil. Echa un vistazo a la página de ejemplos de red:

visjs