Data Visualisation output correct. Tests not passing

JavaScript
1

Tell us what’s happening:
The output is working fine, but is still warning me that the first div should have a value of twelve and they are the ones that set the value

Your code so far


<style>
.bar {
  width: 25px;
  height: 100px;
  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")
    // Add your code below this line

    .style("height",(d)=>{
      return d+"px";
    })
    // Add your code above this line
</script>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/77.0.3865.90 Chrome/77.0.3865.90 Safari/537.36.

Challenge: Update the Height of an Element Dynamically

Link to the challenge:
https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically

2

Hello sagir.

I pasted your code in my browser, and it passed the tests. So, one of two things could be happening:

  1. Your browser/version is not compatible with the lesson. (Use a different browser)
  2. You have a browser extension that is affecting the tests. (Disable extensions for freeCodeCamp)

Hope this helps.

Also, I have altered your post, because your title should not be a full paragraph. That is why there is the “Tell us what’s happening” section.

3

Hello sagirgarba

Be sure to also check the zoom of your browser. At first I had the zoom at 80% and the test failed, but by resetting its value all tests cleared :ok_hand:

4

i am grateful to u all, it now passed all the test.