d3 - 不使用append方法添加元素

在D3中，append方法用于在指定的选择集中添加新元素。如果不想使用append方法添加元素，则可以使用insert方法或selection.node方法来替代。

以下是使用insert方法添加元素的示例代码：

// 创建一个空的选择集
var svg = d3.select("svg");

// 使用insert方法添加一个新的圆形元素到svg中的第一个位置
svg.insert("circle")
   .attr("cx", 50)
   .attr("cy", 50)
   .attr("r", 25)
   .attr("fill", "red");

以上代码将在SVG中添加一个新的圆形元素，并设置其属性。

以下是使用selection.node方法添加元素的示例代码：

// 创建一个空的选择集
var svg = d3.select("svg");

// 添加一个新的圆形元素到svg中
svg.node().appendChild(document.createElementNS("http://www.w3.org/2000/svg", "circle"));
var circle = svg.select("circle");

// 设置圆形元素的属性
circle.attr("cx", 50)
      .attr("cy", 50)
      .attr("r", 25)
      .attr("fill", "red");

以上代码中，我们首先使用appendChild方法添加一个新的圆形元素到SVG中，然后使用select方法选择这个新添加的元素，并设置其属性。

这两种方法都可以在D3中添加新元素，而不使用append方法。