js에서 작성할 때 SVG viewbox가 무시됩니다.

viewbox를 사용하는 d3.js를 사용하여 SVG를 만듭니다.js에서 작성할 때 SVG viewbox가 무시됩니다.

JS에서 볼 때보기 상자는 here처럼 무시됩니다. 그러나 JS로 생성 된 코드를 HTML로 넣으면 here처럼 viewbox를 사용하여 렌더링합니다.

js에 정의 된 뷰 박스가 무시되는 이유는 무엇입니까? html로 정의 된 뷰 박스는 무시되는 이유는 무엇입니까?

코드 이유는 단순 오타 인 것 같습니다

var svg = d3.select('body') 
.append('svg') 
    .attr("height", 400) 
    .attr("width", 400) 
    .attr("viewbox",'0,0,100,100') 
    .attr('style','border: 1px solid black') 
.append('rect') 
    .attr('x',0) 
    .attr('y',0) 
    .attr('width',100) 
    .attr('height',100) 
    .attr('fill','red');

출처

2013-03-01 heneryville