Edges to Subgraphs (Clustering)

The following code produces an error due to the edge from A -> group.

 var g = new graphlib.Graph({compound:true});
 g.setGraph({});
 g.setNode("A", {label:'A'});
 g.setNode("B", {label:'B'});
 g.setNode("group", {label:''});
 g.setParent("B", "group");
 g.setEdge("A", "group", {label:''});
 g.graph().marginx = 20;
 g.graph().marginy = 20;
 g.graph().transition = function(selection) {
   return selection.transition().duration(500);
 };

 console.log(g.node("group"));
 d3.select("svg g").call(render, g);

in dagre.core.js line 3054. The issue disappears when I remove the edge from A->group. However, that is exactly what I need. The node “group” disappears when rendering the graph. I have tried to find out who is removing the node. At some point the group node disappears from the _nodes list.

Can you provide me with some pointers how to get started tracking down that bug? I know graphviz does not support nodes to clusters directly (it does with a nasty trick that does not work half the time) but I believe that would be a natural and valuable addition.

[tylerlong]

@Tichau Thanks for the information. But if we use dagre layout in cytoscape, we will still have this issue because it’s a dagre issue instead of a rendering engine issue.

Recently I am investigating elkjs which seems to be as flexible as dagre.

[Tichau]

On my side, I have finally used cytoscape.js to handle the display of hierarchical graphs (in case it can help someone).