How to add 9 rect elements

Tell us what’s happening:

Your code so far


<body>
<script>
  const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];

  const w = 500;
  const h = 100;

  const svg = d3.select("body")
                .append("svg")
                .attr("width", w)
                .attr("height", h);
               
  svg.selectAll("rect")
     // Add your code below this line

      .enter("")
      .data(dataset)
      .append("rect")

     // Add your code above this line
     .attr("x", 0)
     .attr("y", 0)
     .attr("width", 25)
     .attr("height", 100);
</script>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Create a Bar for Each Data Point in the Set

Link to the challenge:

image

Hello~!

Take a look at the example again. The syntax is very important.