私はDagre
自分のhtmlで喜んで使用します。ここに私のjsコードがあります:
var g = new dagreD3.graphlib.Graph()
.setGraph({})
.setDefaultEdgeLabel(function() { return {}; });
var i = 0;
var nodes = ["a", "b", "c", "d"];
nodes.forEach(function (node) {
ggg.setNode(node,{ style: "fill: #afa"});
});
g.nodes().forEach(function(v) {
var node = g.node(v);
// Round the corners of the nodes
node.rx = node.ry = 5;
});
i = 0;
for(i=0;i<3;++i) {
g.setEdge(nodes[i],nodes[i+1],{label:"lable"});
}
var render = new dagreD3.render();
var svg = d3.select("#mysvg"),
svgGroup = svg.append("g");
render(d3.select("#mysvg g"),g);
そして結果はデフォルトで垂直ビューです: