"Use a Pre-Defined Scale to Place Elements" - approximations too far away?

JavaScript
1

I do not understand why the tests won’t accept my solution.
All ten circles have the correct approximations for the “cx” and “cy” coordinates.
But only the third and fourth lables are correct. Is the test failing due to the approximations beeing to far away?

Your code so far


<body>
  <script>
    const dataset = [
                  [ 34,     78 ],
                  [ 109,   280 ],
                  [ 310,   120 ],
                  [ 79,   411 ],
                  [ 420,   220 ],
                  [ 233,   145 ],
                  [ 333,   96 ],
                  [ 222,    333 ],
                  [ 78,    320 ],
                  [ 21,   123 ]
                ];
    
    const w = 500;
    const h = 500;
    const padding = 60;
    
    const xScale = d3.scaleLinear()
                     .domain([0, d3.max(dataset, (d) => d[0])])
                     .range([padding, w - padding]);
    
    const yScale = d3.scaleLinear()
                     .domain([0, d3.max(dataset, (d) => d[1])])
                     .range([h - padding, padding]);
    
    const svg = d3.select("body")
                  .append("svg")
                  .attr("width", w)
                  .attr("height", h);
    
    svg.selectAll("circle")
       .data(dataset)
       .enter()
       .append("circle")
       // Add your code below this line
       .attr("cx", (d) => xScale(d[0]))
       .attr("cy", (d) => yScale(d[1]))
       .attr("r", 5)
       
       
       // Add your code above this line
       
    svg.selectAll("text")
       .data(dataset)
       .enter()
       .append("text")
       .text((d) =>  (10 + xScale(d[0])) + ", " + yScale(d[1]))
       // Add your code below this line
       .attr("x", (d) => (10 + xScale(d[0])))
       .attr("y", (d) => yScale(d[1]))
       
       
       // Add your code above this line
  </script>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36.

Link to the challenge:

2 

.text((d) => (10 + xScale(d[0])) + ", " + yScale(d[1])) 
// Add your code below this line 
.attr("x", (d) => (10 + xScale(d[0])))
 .attr("y", (d) => yScale(d[1]))

1- you don’t need to add 10 to the value of the Xscale.
2- pass the 10 before applying the XScale.

the solution becomes:

.text((d) => ( xScale(d[0])) + ", " + yScale(d[1])) 
// Add your code below this line 
.attr("x", (d) => (xScale(d[0] + 10 )))
 .attr("y", (d) => yScale(d[1]))

this will pass.