Data Visualization with D3 - Change the Presentation of a Bar Chart

JavaScript
1

Tell us what’s happening:

It looks exactly the same as the answer，and only one answer is correct.

Your code so far

<style>
  .bar {
    width: 25px;
    height: 100px;
    margin: 2px;
    display: inline-block;
    background-color: blue;
  }
</style>
<body>
  <script>
    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];

    d3.select("body").selectAll("div")
      .data(dataset)
      .enter()
      .append("div")
      .attr("class", "bar")
      .style("height", (d) => (d * 10 + "px"))
  </script>
</body>

Your browser information:

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

Challenge Information:

Data Visualization with D3 - Change the Presentation of a Bar Chart

2

Hello, the code passes for me, try to reset the challenge.

3

I reset the challenge and still got these errors.

image
image1912×889 165 KB

4

Welcome to the forum @llaurrrraa

Your code passes.
Reset the step and try again. If that doesn’t work, refresh the page, disable dark mode, disable ad blockers. Or, use another browser.
If the above steps do not work, you may need to restart the computer.

Happy coding

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.