d3使ってSVGを追加する時のメモ。

・　一括で追加する

下の感じ。

var dataset = [10,5,15];
var svg = d3.select("body")
	.append("svg")	
	.attr("width",500)
	.attr("height",500);

svg.selectAll("rect")
	.data(dataset)
	.enter()
	.append("rect")
	.attr("x",5)
	.attr("y",function(d,i){return i*42;})
	.attr("width",50)
	.attr("height",function(d,i){return 40;});

・　一括で追加のを2回に分けてやる

下の感じ。

var dataset = [10,5,15];
var svg = d3.select("body")
	.append("svg")	
	.attr("width",500)
	.attr("height",500);

svg.selectAll("rect")
	.data(dataset)
	.enter()
	.append("rect")
	.attr("x",5)
	.attr("y",function(d,i){return i*42;})
	.attr("width",50)
	.attr("height",function(d,i){return 40;});

svg.selectAll("rect2")
	.data(dataset)
	.enter()
	.append("rect")
	.attr("x",5)
	.attr("y",function(d,i){return i*42;})
	.attr("width",50)
	.attr("height",function(d,i){return 40;});

よく分からないけど、足したい時はselectAllで持ってくる要素を空振りさせるようにしないと上手くいかない。