The challenge not passing

Tell us what’s happening:
Describe your issue in detail here.
is there anything am doing wrong here pls.
Your code so far


<style>
.bar {
  width: 25px;
  height: 100px;
  /* Add your code below this line */
  margin: 2px;
  
  /* Add your code above this line */
  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") // Change this line
</script>
</body>
  **Your browser information:**

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

Challenge: Change the Presentation of a Bar Chart

Link to the challenge:

I pasted your code into the challenge and immediately got a syntax error in the console window below the editor. Are you getting this error too? This is telling you exactly where the problem is.

can see your screen pls, cos am not getting any error here

This is the error I’m getting with your code:

SyntaxError: unknown: Unexpected token, expected "," (10:0)

   8 |     .attr("class", "bar")
   9 |     .style("height", (d) => (d * 10 + "px") // Change this line
> 10 |
     | ^

Look closely at the following:

.style("height", (d) => (d * 10 + "px")

Do you see the issue? Hint: when something requires both an opening and closing symbol to be valid you can count to make sure you have the same number of opening and closing symbols.

Syntax errors will always be displayed here

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