Edge group of nodes in the network graphics?
I am trying to implement a network graph using the Vis JS library and would like to implement a group of nodes that are inside a logical group (field). VisJS allows for grouping of nodes, but is not visually implemented which is what I'm looking for.
Another library that does this perfectly is GoJS: http://gojs.net/latest/samples/basic.html Another example from VisJS that shows a network graph that I would like to implement, but there is no example in the documentation: http : //visjs.org/docs/img/vis_overview.png
I would like the nodes to fit into large boxes to represent a group of nodes.
Any ideas or suggestions on how to implement this?
source to share
I am the developer of the vis network module. Our apologies for not seeing this issue before, but most of our communication is done through GitHub.
At the top, since v4, we support render events. You can use them to paint anything you want on the canvas, including borders outside of node groups. Take a look at an example:
http://visjs.org/examples/network/events/renderEvents.html
Keep in mind that this is just aesthetics. The physics engine will not separate these boundaries so that nodes can interact with others.
We often hear this request from people looking to use the vis web as a flow editor. Although this is not your problem, I would like to point out that this is not what we created the network for. We may have a module for this in the future.
source to share