x座標とy座標がたくさんあるcsvから円を描こうとしています。私は D3 が初めてで、次にどこに行けばよいかわかりません。ここにコードがあります
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
</head>
<body>
<script type="text/javascript">
d3.xml("brussels3.svg", "image/svg+xml", function(xml) {
document.body.appendChild(xml.documentElement);
d3.csv("brusselsconverteddata.csv")
.row(function(d) { return {key: +d.key, value: +d.value}; })
.get(function(error, rows) { console.log(rows); });
var svg = d3.select('svg');
svg.append("circle")
.style("stroke", "gray")
.style("fill", "black")
.attr("r", 15)
.attr("cx", 2142)
.attr("cy", 2209)
.on("mouseover", function(){d3.select(this).style("fill", "aliceblue");})
.on("mouseout", function(){d3.select(this).style("fill", "black");});
});
</script>
</body>
</html>
D3 の座標のリストを反復処理する方法がわかりません。リストを反復するために cx と cy .attr に何を入れるかについて混乱しています。