简单的d3条形图不显示

Question

This is the simple bar graph that I am trying out. But nothing is showing up.

var data = [4, 8, 15, 16, 23, 42];
var chart = d3.select("body").append("svg:svg")
 .attr("class", "chart")
 .attr("width", 420)
 .attr("height", 20 * data.length);

var x = d3.scale.linear().domain([0, d3.max(data)]).range([0, 420]);

chart.selectAll("svg:rect")
 .data(data)
 .enter().append("svg:rect")
 .attr("y", function(d, i) { return i * 20; })
 .attr("width", x)
 .attr("height", 20)

If I use rect instead of svg:rect the rects get created as I can see in console but I cannot see it in browser.

Answer 1

You might have to add some CSS to fill/colour the rectangles. You can also set this using .style("fill", "red") for example.