D3.js 用图像填充D3节点圆的最佳方法是什么？

试图从大师那里学习，我看到博斯托克生成了以下代码：

<circle transform="translate(651,665)" class="g-person-target" r="22.5" style="stroke-width: 5px;"></circle>

创造

但是他从哪里得到这个人的照片呢？我看不到

正在寻找最佳方式动态添加图像，而不是将单个固定图像添加到Force版面的节点，例如Facebook个人资料图片。

不确定是否最佳，但是

---

仍然有兴趣知道是否有更优化的解决方案。

我想这就是他获取图像的地方

在这部分代码中

    personDot.append("image")
          .attr("xlink:href", "http://graphics8.nytimes.com/newsgraphics/2013/01/07/movie-network/72ae3b8d92ecc7a67c00babd2a75f34bfdacb3a7/mugs.jpg")
          .attr("x", function(d, i) { return -mugDiameter / 2 - mugDiameter * (i % 9); })
          .attr("y", function(d, i) { return -mugDiameter / 2 - mugDiameter * (i / 9 | 0); })
          .attr("width", 9 * mugDiameter)
          .attr("height", 6 * mugDiameter)
          .attr("clip-path", "url(#g-mug-clip)")
          .style("pointer-events", "none");

    personDot.append("image")
          .attr("xlink:href", "http://graphics8.nytimes.com/newsgraphics/2013/01/07/movie-network/72ae3b8d92ecc7a67c00babd2a75f34bfdacb3a7/mugs.jpg")
          .attr("x", function(d, i) { return -mugDiameter / 2 - mugDiameter * (i % 9); })
          .attr("y", function(d, i) { return -mugDiameter / 2 - mugDiameter * (i / 9 | 0); })
          .attr("width", 9 * mugDiameter)
          .attr("height", 6 * mugDiameter)
          .attr("clip-path", "url(#g-mug-clip)")
          .style("pointer-events", "none");