rect 元素

<rect> 表示矩形，除了笔画和填充等美学属性外，矩形应根据位置和大小来定义。

至于位置，它由 x 和 y 属性决定。该位置相对于矩形的父级。如果未指定 x 或 y 属性，则默认值将相对于父元素为 0。

指定位置后，或者更确切地说是矩形的起始点，接下来就是指定大小，如果你想在画布上实际画画，那就很重要了，也就是说，如果不是指定大小属性或将值设置为 0，你将不会在画布上看到任何内容。

案例：条形图

继续第一个场景，即 y 轴，但这一次，让我们尝试绘制一个条形图。

假设 y 比例设置相同，y 轴也正确设置，散点图和此条形图之间的唯一区别是，我们需要指定宽度和高度，尤其是高度。更具体地说，我们已经有了起点，剩下的就是使用像高度这样的东西：

.attr("height", function(d){
  return (height - yScale(d.value))
})