Java network visualization?

I am looking for a library to visualize the network.

I just need to add some nodes (node ​​has text on them), add edges between them, (edges are directed and have text on them). I do not want the position of the position to be manual.

I would like the API to simply:

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

I searched for watches, looked after arborjs, sigma.js, d3.js, JavaScript InfoVis Toolkit, none of them satisfied me.

Is there anything else I can try?

+6
source share
6 answers

Check out VivaGraphJS .
Visualization of Amazon sample from VivaGraphJS.

Layout configuration example , uses WebGL as a visualization tool.

+9
source

We produce mxGraph , but note that this is a commercial library, not an open source. I don’t know exactly why the open source libraries that you specified failed, but, of course, plotting, setting the geometry and labels are pretty trivial function calls.

+3
source

What is the problem with sigma.js? The library website has a very simple example for drawing nodes and edges:

 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(); 
+2
source

Check this page sigma.js
http://sigmajs.org/examples/a_plugin_example.html
and you will see how they perform a random or circular layout.

+2
source

I found this javascript library useful. Check out the network example page:

visjs

+2
source

Try cne-tnetwork . This is a javascript visualization library for creating and drawing network diagrams. Compatible with SVG and HTML 5. It is publicly available on github licensed under the GNU Afferro license. You can find how to use it in the readme library. It has a mode of dragging nodes. Connections between nodes can be unidirectional, bidirectional, or even β€œbuses,” which connect several elements. With CSS, you can customize all your styles (nodes, links, arrows, buses ...).

0
source

Source: https://habr.com/ru/post/917390/


All Articles