Vizualizarea rețelei JavaScript?

Caut o bibliotecă pentru a vizualiza o rețea.

Trebuie doar să adaug niște noduri (nodul are text pe ele), să adauge marginile între ele (marginile sunt direcționate și să aibă text pe ele). Nu vreau să pun mâna pe nimic.

Aș dori API simplu ca:

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

Am căutat ore întregi, m-am uitat după arborjs, sigma.js, d3.js, JavaScript InfoVis Toolkit, niciunul dintre ei nu ma satisfăcut.

Mai pot încerca altceva?

0
adăugat autor SherlockEinstein, sursa

6 răspunsuri

Producem mxGraph , dar rețineți că aceasta este o bibliotecă comercială, nu open source. Nu sunt sigur de ce bibliotecile open source pe care le-ați listat au eșuat, dar cu siguranță formând graficul, setarea geometriei și a etichetelor sunt toate apeluri pentru funcții destul de triviale.

0
adăugat

Care este problema cu sigma.js? Site-ul bibliotecii are un exemplu foarte simplu de a desena nodurile și marginile:

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();
0
adăugat

Check out VivaGraphJS.
Amazon Visualization sample by VivaGraphJS.

Configurația layout-ului eșantion utilizează WebGL ca redare.

0
adăugat

Am găsit această bibliotecă JavaScript pentru a fi de ajutor. Consultați pagina exemplelor de rețea:

vizite

0
adăugat

Verificați această pagină a sigma.js
http://sigmajs.org/examples/a_plugin_example.html
și veți vedea cum fac un aspect aleatoriu sau circular.

0
adăugat

Încercați rețea cn . Este o bibliotecă de vizualizare JavaScript pentru a crea și a trage grafice de rețea. Este compatibil cu SVG și HTML 5. Este disponibil public pe github, licențiat sub licența GNU Afferro. Puteți găsi cum să îl utilizați în readme al bibliotecii . Are un mod de a trage nodurile. Legăturile dintre noduri pot fi unidirecționale, bidirecționale sau chiar "autobuze" care conectează mai multe elemente. Cu CSS puteți personaliza toate stilurile dvs. (noduri, link-uri, săgeți, autobuze ...).

0
adăugat
JavaScript, România - Moldova
JavaScript, România - Moldova
328 participanți

Comunitatea Română JavaScript: github.com/js-ro Pentru confort, opriți notificările. Parteneri: @node_ro, @php_ro, @python_ro, @seo_ro, @RomaniaGroup, @ai_ro, @Grupuri_IT Offtop: @holywars_ro Joburi: @js_jobs_ro Sponsored with ❤️ by ciupacabra.com