rect 元素

<rect> 表示矩形，除了筆畫和填充等美學屬性外，矩形應根據位置和大小來定義。

至於位置，它由 x 和 y 屬性決定。該位置相對於矩形的父級。如果未指定 x 或 y 屬性，則預設值將相對於父元素為 0。

指定位置後，或者更確切地說是矩形的起始點，接下來就是指定大小，如果你想在畫布上實際畫畫，那就很重要了，也就是說，如果不是指定大小屬性或將值設定為 0，你將不會在畫布上看到任何內容。

案例：條形圖

繼續第一個場景，即 y 軸，但這一次，讓我們嘗試繪製一個條形圖。

假設 y 比例設定相同，y 軸也正確設定，散點圖和此條形圖之間的唯一區別是，我們需要指定寬度和高度，尤其是高度。更具體地說，我們已經有了起點，剩下的就是使用像高度這樣的東西：

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