d3 js 分层边缘捆绑数据格式

Javascript
// 创建画布
var svg = d3.select("body")
            .append("svg")
            .attr("width", 500)
            .attr("height", 500);
// 创建节点和边的数组
var nodes = [
  {id: 0, name: "Node 0"},
  {id: 1, name: "Node 1"},
  {id: 2, name: "Node 2"},
  {id: 3, name: "Node 3"}
];
var edges = [
  {source: 0, target: 1},
  {source: 0, target: 2},
  {source: 0, target: 3},
  {source: 1, target: 2},
  {source: 2, target: 3}
];
// 创建分层边缘捆绑
var bundle = d3.layout.bundle();
// 捆绑边
var bundledEdges = bundle(edges);
// 绘制捆绑后的边
svg.selectAll(".link")
   .data(bundledEdges)
   .enter()
   .append("path")
   .attr("class", "link")
   .attr("d", d3.svg.line());
// 绘制节点
svg.selectAll(".node")
   .data(nodes)
   .enter()
   .append("circle")
   .attr("class", "node")
   .attr("r", 10)
   .attr("cx", function(d) { return d.id * 100 + 50; })
   .attr("cy", 250);