D3 Examples - circle function 2

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>
​
<body>
  <script>
    // Feel free to change or delete any of the code you see in this editor!
    
        mydata = [0,50,120,75,100]
        var svg = d3.select("body").append("svg").selectAll("circle")
        .attr("width", 960)  
        .attr("height", 500)
            .data(mydata).enter().append("circle")
        .attr("r",5)
        .attr("cx", function(d) {return d})
        .attr("cy", function(d) {return d})
    //value over 100 make purple, if less keep green
    //how am I supposed to do that
            .style("fill", function(d) {
            if (d > 100) {return "purple";}
            else {return "green"} 
        })
​
    
  </script>
</body>
​
    