Visualizzazione della rete JavaScript?

Question

Sto cercando una libreria per visualizzare una rete.

Ho solo bisogno di aggiungere alcuni nodi (nodo dispone testo su di essi), aggiungere bordi tra loro, (i bordi sono diretti e hanno testo su di essi) .Io non vogliono impostare la posizione di qualsiasi cosa a mano.

mi piacerebbe API semplice:

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

Ho cercato per ore, curato arborjs, sigma.js, d3.js, JavaScript InfoVis Toolkit, nessuno di loro mi ha soddisfatto.

C'è altro che posso provare?

Answer 1

Check out VivaGraphJS.
Amazon Visualization sample di VivaGraphJS.

Configurazione layout sample, utilizza WebGL come renderer.

Answer 2

Qual è il problema con sigma.js? Il sito web della biblioteca ha un esempio molto semplice per disegnare i nodi e spigoli:

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

controllare questa pagina di sigma.js
http://sigmajs.org/examples/a_plugin_example.html
e si vedrà come fanno un casuale o un layout circolare.

Answer 4

Produciamo mxGraph, ma si noti che questa è una libreria commerciale, non open source. Non sono sicuro del motivo per cui le librerie open source che hai elencato falliscono, ma sicuramente formando il grafico, impostando la geometria e le etichette sono tutte chiamate di funzione abbastanza banali.

Answer 5

Prova cne-tnetwork. È una libreria di visualizzazione javascript per creare e disegnare grafici di rete. È compatibile con SVG e HTML 5. È disponibile pubblicamente su github, concesso in licenza sotto licenza GNU Afferro. Puoi trovare come usarlo nello readme della libreria. Ha una modalità per trascinare i nodi. I collegamenti tra i nodi possono essere unidirezionali, bidirezionali o anche "bus" che collegano diversi elementi. Con i CSS puoi personalizzare tutti i tuoi stili (nodi, collegamenti, frecce, bus ...).

Answer 6

Ho trovato questa libreria javascript per essere utile. Controlla la pagina Esempi di rete:

visjs