.append("g") 그룹핑을 하는이유.

~~~

.append("g")

그룹핑을 하는 이유.

append("g")를 추가후

var svg = d3.select("#DrawingBoard").append("svg")

.attr("width", width + margin.left + margin.right)

.attr("height", height + margin.top + margin.bottom)

.append("g")

.attr("transform", "translate(" + margin.left + "," + margin.top + ")");

@@ .append("g") 의미 : 그룹내 모든 element들에게 동일한 속성을 적용.

append("g")를 빼고

var svg = d3.select("#DrawingBoard").append("svg")

.attr("width", width + margin.left + margin.right)

.attr("height", height + margin.top + margin.bottom)

.attr("transform", "translate(" + margin.left + "," + margin.top + ")");

* svg 내에 그룹핑을 하지 않아, 모든 element들이 이동하지 못함. svg만 이동.