Javascript 在D3中添加SVG元素

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

一,

二,

有人能解释一下appendsvg和appendsvg:svg之间的区别，以及我为什么要使用其中一种吗？

svg:part为后面的元素指定名称空间，即svg名称空间中的svg元素。建议在较早版本的d3中指定此项，否则可能会有错误的解释，但在最新版本中不必这样做。

svg:part指定其后面的元素的名称空间，即svg命名空间中的svg元素。建议在较旧版本的d3中指定此项，否则可能会被错误地解释，但在最新版本中没有必要这样做

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")

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")