Wizualizacja sieci JavaScript?

Question

Szukam biblioteki do wizualizacji sieci.

Po prostu muszę dodać kilka węzłów (węzeł ma na nich tekst), dodać krawędzie między nimi (krawędzie są skierowane i mają na nich tekst). Nie chcę ustawiać pozycji niczego ręcznie.

Chciałbym API proste:

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

Rozglądałem się przez kilka godzin, pod opieką arborjs, sigma.js, d3.js, JavaScript InfoVis Toolkit, żaden z nich nie spełnia mnie.

Czy mogę jeszcze spróbować czegoś innego?

Answer 1

Zapoznaj się z VivaGraphJS.
Wizualizacja Amazon sample autor: VivaGraphJS.

Konfiguracja układu sample, używa WebGL jako mechanizmu renderującego.

Answer 2

Na czym polega problem z plikiem sigma.js? strona biblioteki zawiera bardzo prosty przykład, aby narysować węzły i krawędzie:

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

Zaznacz tę stronę sigma.js
http://sigmajs.org/examples/a_plugin_example.html
a zobaczysz jak robią losowy lub kolisty układ.

Answer 4

Produkujemy mxGraph, ale zauważmy, że jest to komercyjna biblioteka, a nie open source. Nie jestem do końca pewien, dlaczego wymienione biblioteki otwartego źródła nie powiodły się, ale z pewnością tworzące wykres, ustawienie geometrii i etykiet to dość trywialne wywołania funkcji.

Answer 5

Wypróbuj cne-tnetwork. Jest to biblioteka wizualizacji javascript służąca do tworzenia i rysowania wykresów sieci. Jest oparty na SVG i kompatybilny z HTML5. Jest publicznie dostępny na github, licencjonowany na licencji GNU Afferro. Możesz go znaleźć w bibliotece readme. Ma tryb przeciągania węzłów. Połączenia pomiędzy węzłami mogą być jednokierunkowe, dwukierunkowe lub nawet "autobusy" łączące kilka elementów. Dzięki CSS możesz dostosować wszystkie swoje style (węzły, łącza, strzałki, autobusy ...).

Answer 6

Uważam, że ta biblioteka javascript jest pomocna. Sprawdź Przykłady strona sieci:

visjs