Visualize Data with a Scatterplot Graph dots

how would you do the two colored dots from the data?

Are you asking how you would make a single dot with two different colors? And, have the colors determined by the data?

Exactly like the data in the assigment

If you want to know how to do it exactly like the assignment, why don’t you look at the code for the example? This is code actually given in the example…

var color = d3.scaleOrdinal(d3.schemeCategory10);
  svg.selectAll(".dot")
    .data(data)
    .enter().append("circle")
    ...
    .style("fill", function(d) {
       return color(d.Doping != "");
    })

One thing that could be noted d3.json promises now not callbacks somewhere in the course or userstories