在D3中添加SVG元素

Question

通过D3.js教程，我看到了两种不同的约定，我不确定它们的区别是什么，因为它们都生成相同的代码：

1）

var chart = d3.select("body")
              .append("svg:svg")  
              .attr("class", "chart")
              .attr("width", w * data.length - 1)
              .attr("height", h);

    chart.selectAll("rect")
        .data(data)
        .enter().append("svg:rect")

2）

var chart = d3.select("body")
              .append("svg")  
              .attr("class", "chart")
              .attr("width", w * data.length - 1)
              .attr("height", h);

    chart.selectAll("rect")
        .data(data)
        .enter().append("rect")

有人可以解释追加（“svg”）和追加（“svg：svg”）之间的区别以及为什么我会使用其中一种？

Answer 1

svg:部分指定其后面的元素的名称空间，即svg命名空间中的svg元素。建议在旧版本的d3中指定它，因为它可能会被错误地解释，但在最近的版本中没有必要这样做。