Data Visualization with D3 - Use a Pre-Defined Scale to Place Elements

JavaScript
1

Tell us what’s happening:

I don’t get how 15 and 16 pass the test but the others won’t

  1. The first label should have an x value of approximately 100 and a y value of approximately 368 after applying the scales.
  2. The second label should have an x value of approximately 168 and a y value of approximately 181 after applying the scales.
  3. The fifth label should have an x value of approximately 449 and a y value of approximately 237 after applying the scales.
  4. The sixth label should have an x value of approximately

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 => d[0] + ', ' + d[1])
    // Add your code below this line
        .attr('x', d => xScale(d[0]) + 10)
        .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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Data Visualization with D3 - Use a Pre-Defined Scale to Place Elements

2

I figured it out. lol. it took me a while though haha :sweat_smile: