Need help with Scatterplot Graph project

#1

Hello, I’m currently working on my Scatterplot Graph project, and everything seems to work, but I still can not pass tests № 7 and 8 That’s what they says:

  1. The data-xvalue and its corresponding dot should align with the corresponding point/value on the x-axis.
  2. The data-yvalue and its corresponding dot should align with the corresponding point/value on the y-axis.

I don’t understand, why it doesn’t work, and how to fix this. All my data seems to be in the correct date format. I should be missing something. Please, help!

There is the link to my Codepen: https://codepen.io/Anastasiia_f/full/BaaZORY

#2

No matter, I fixed it.

First, I used scaleTime() instead of scaleLinear(), it fixed the problem with x-axis.

Then I changed the way I parsed time for y-axis. At first I tried this code:

let parseTime = d3.timeParse("%M:%S");

It worked visually, but I could not pass the test. Then I used this instead:

let parseTime = (rawTime) => {
            let time = new Date;
            let [mm, ss] = rawTime.split(":");
            time.setMinutes(mm);
            time.setSeconds(ss);
            return time;
          }

This fixed the issue.

#3