D3 Examples - Solving the Mean #2 & #3

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>
  <h1>Please look in the code below for 4 JavaScript practice problems.</h1>
  <p>(These problems don't include any SVG manipulation, so you will need to open the developer console in order to see the output of your code)</p>
  <script>
​
  
  states = [{name: "Alaska", id: "AK", population: 741894},
            {name: "Virginia", id: "VA", population: 8411808},
                    {name: "Arizona", id: "AZ", population: 6931071},
            {name: "Florida", id: "FL", population: 20984400}]
            
  // Problem 1: using d3.mean(), compute and print the average (mean) 
  // population of the states in the states array
  
var popAvg = d3.mean(states, function (d){
  return d.population
})
  //console.log(popAvg)
  // Problem 2: WITHOUT using d3.mean(), compute and print the average (mean) 
  // population of the states in the states array
​
var totalPopulation =0
for (i = 0; i <states.length; i++){
  totalPopulation += states[i].population
}
avg = totalPopulation/states.length
​
//console.log(avg)
​
////////////////////////////////////////////////////////////////////////
​
var populations =0
var numberOfStates =0
states.forEach(function (d){
  populations += d.population;
  //numberOfStates++;
})
​
var mean = populations/states.length
​
//console.log(mean)
​
var allPopulation = 0
i = 0
while (i < states.length){
  allPopulation += states[i].population; i++
}
    console.log(allPopulation/states.length)
​
  </script>
</body>
    