Scatter Plot not Rendering

gracogenolu30 · September 9, 2023, 1:47am

Hello

Please, I have written my code, on codepen, to some extent and it’s suppose to be rendering, but nothing is showing. Here is my codepen link

Any effort will be appreciated.

Thanks

gracogenolu30 · September 9, 2023, 5:47pm

I would really appreciate your comment. Thanks

igorgetmeabrain · September 9, 2023, 7:19pm

Why are you using d.Place for your x-coordinate?

svg.selectAll("circle")
  .data(data)
  .enter()
  .append("circle")
  .attr("class", "dot")
  .attr("r", 6)
  .attr("cx", function (d) {
    return x(d.Place);
  })
  .attr("cy", function(d) {
    return y(d.Time);
  })

Shouldn’t you be plotting years along the x-axis? If you change it to d.Year, it appears to plot correctly.

If it helps, this is what mine looks like: