在d3中，如何将包含超链接的多个文本段落放入一个rect div？

var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 300);

var rect = svg.append("rect")
  .attr("x", 50)
  .attr("y", 50)
  .attr("width", 400)
  .attr("height", 200)
  .attr("fill", "lightblue");

var g = svg.append("g")
  .attr("transform", "translate(60, 60)");

var paragraphs = g.selectAll("text")
  .data(["段落1", "段落2", "段落3"])
  .enter()
  .append("text")
  .attr("x", 0)
  .attr("y", function(d, i) { return i * 20; })
  .text(function(d) { return d; });

paragraphs.append("a")
  .attr("xlink:href", function(d) { return "https://example.com/" + d; })
  .attr("target", "_blank")
  .append("tspan")
  .text(function(d) { return d; });