I am attempting to implement a network graph using Vis JS library and would like to implement a group of nodes that are inside a logical group (box). VisJS allows grouping of nodes but is not implemented in a visual way that I am looking for.

Another library that executes this perfectly is GoJS: .html Another example from VisJS that shows network graph I would like to implement, but no example in documentation: .png

I would like to have nodes placed into larger boxes to represent the group of nodes.

Any ideas or suggestions for implementing this?

I am attempting to implement a network graph using Vis JS library and would like to implement a group of nodes that are inside a logical group (box). VisJS allows grouping of nodes but is not implemented in a visual way that I am looking for.

Another library that executes this perfectly is GoJS: http://gojs/latest/samples/basic.html Another example from VisJS that shows network graph I would like to implement, but no example in documentation: http://visjs/docs/img/vis_overview.png

I would like to have nodes placed into larger boxes to represent the group of nodes.

Any ideas or suggestions for implementing this?

• javascript
• graph
• data-visualization
• gojs

Share Improve this question Follow edited Nov 2, 2014 at 20:14 Lars Kotthoff 109k1616 gold badges210210 silver badges208208 bronze badges asked Nov 2, 2014 at 20:00 Eric ForbesEric Forbes 51144 silver badges88 bronze badges 1

• Hello @Eric, The VisJS network graph you're referring to is just a PNG image of the VisJS architecture. – yaronyogev Commented Aug 4, 2015 at 6:55

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

I'm the developer of the network module of vis. Our apologies for not seeing this issue sooner, but most of our munication is done through GitHub.

On the upside, since the release of v4 we support render events. You can use these to draw whatever you want on the canvas, including borders behind groups of nodes. Take a look at the example:

https://visjs.github.io/vis-network/examples/network/events/renderEvents.html

Keep in mind that this is aesthetic only. The physics engine will not partmentalise these boundaries so the nodes may interact with the others.

We often hear this request from people who want to use vis network as a flow editor. Even though this is not your issue Id like to point out that this is not what we designed the network for. We may have a module for this in the future though.