附加SVG元素D3

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

有人可以解釋之間的append（ 「SVG」 的區別），並追加 「（SVG：SVG」），爲什麼我會用一個或其他？

Answer 1

svg:部分指定了它後面的元素的名稱空間，即svg名稱空間中的svg元素。建議在舊版本的d3中指定它，否則它可能會被錯誤地解釋，但在最新版本中沒有必要這樣做。