14 lines
508 B
JavaScript
14 lines
508 B
JavaScript
var data = [10, 20, 30, 40, 50];
|
|
var svg = d3.select("body")
|
|
.append("svg")
|
|
.attr("width", 400)
|
|
.attr("height", 200);
|
|
svg.selectAll("rect")
|
|
.data(data)
|
|
.enter()
|
|
.append("rect")
|
|
.attr("x", function(d, i) { return i * 40; })
|
|
.attr("y", function(d) { return 200 - d * 2; })
|
|
.attr("width", 30)
|
|
.attr("height", function(d) { return d * 2; })
|
|
.attr("fill", "purple");
|