Visualize Data with a Scatterplot Graph | FreeCodeCamp

I go through the logic behind a scatter plot graph made with React and d3. It is basically the same as the one on FreeCodeCamp, but I thought I would just try and explain how they did it. I am also going to be skipping the rest of the d3 projects and be going on to APIs. Thanks for watching and have a great day!

[xavierpierre]

In case some people pass by here and are stuck with the test 7 and 8, react create the component twice, in reality because first the component was created without any data. The method of d3 was essentially append method so in with the code showed inside this video you have 2 elements with the id="x-axis" this create an issue. To avoid that people should use d3.remove() method in order to reset the graph displayed and avoid duplicate value before creating the graph. By the way this is not enough to test if data contain something or not since with react if you use in real project with redux for example you make a change on the data then if you don't reset the graph first the graph will display previous and new data instead of display only new data.

In all cases the explaination on this video was helpfull to me despite that. I put some explaination so other people passing here understand why this code doesn't pass all the test out of the box.

[DrivingAway]

do you think that earning a fcc data visualization certification is helpful for job searching in 2022?

[juanmacias]

I don't blame you, d3 looks/feels like jQuery to me lol