d3.js - 具有嵌套矩形的强制有向图，不显示链接/线

Question

我试图创建几个包含一系列矩形的矩形。我的目标是让组可拖动并在内部矩形之间显示链接。我已经定义了我的节点（内部rects）和边缘（内部rects之间的连接）。但是，当我尝试使用强制布局时，只显示一组矩形，并且没有任何行可见。

由于这很难解释，我在这里创造了一个小提琴：d3 example

我怀疑（至少有一个）我犯的错误包含在下面的代码中。

force.on("tick", function() {
  link.attr("x1", function(d) {
    return d.source.x + (boxWidth / 2);
  }).attr("y1", function(d) {
    return d.source.y + (boxHeight / 2);
  }).attr("x2", function(d) {
    return d.target.x + (boxWidth / 2);
  }).attr("y2", function(d) {
    return d.target.y + (boxHeight / 2);
  });

  node.attr("transform", function(d) {
    return "translate(" + d.x + "," + d.y + ")";
  });
});

我试图稍微简化数据，以便更容易推理。我是D3的新手，并没有找到调试这些东西的任何好资源。提前谢谢。