block by emeeks 05f44e46124cefa0070c

Circle Pack

Full Screen

A circle pack with a variety of styles based on depth.

index.html


<!DOCTYPE html>

<head>
  <title>Circle Pack</title>
</head>
<meta charset="utf-8">
<style>

svg {
  height: 500px;
  width: 1000px;
}

</style>
<body>
<div id="viz">
<svg></svg>
</div>
</body>


<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js" charset="utf-8" type="text/javascript"></script>
<script src="//d3js.org/queue.v1.min.js" type="text/JavaScript"></script>
<script>

d3.select("svg").append("g").attr("class", "partition-legend")
  .attr("transform", "translate(500,0)");

  var chartG = d3.select("svg")
    .append("g")
    .attr("class", "pack")
    .attr("transform", "translate(0,0)");

d3.json("students.json", cleanStudents)

function cleanStudents(data) {
  var students = data.students;

  var packableStudents = packStudents(students);

  circlePack(packableStudents, "values", "key");

  createPartitionLegend("ethnicity", students, 100, "values", "key");
  createPartitionLegend("gender", students, 200, "values", "key");

}

function gradeColor(d) {
    var colors = d3.scale.ordinal().domain(["A","B","C","D","F"]).range(["#a50f15", "#de2d26", "#fb6a4a", "#fcae91", "#fee5d9"]);
    return colors(d);
}

function genderColor(d) {
  if (d === "Male") {
    return "lightblue";
  }
  return "pink";
}

function trendColor(d) {
    if (d === "growth") {
    return "green";
  }
  return "red";
}

function ethnicityColor(d) {
    var eth = ["Non-Hispanic White","Non-Hispanic Black or African American","Asian","American Indian or Alaska Native","Non-Hispanic Native Hawaiian or other Pacific Islander","Non-Hispanic some other race","Non-Hispanic two or more races","Hispanic or Latino"];

    var colors = d3.scale.ordinal().domain(eth).range(["#d6cf7f","#d6604d","#7570b3","#e7298a","#66a61e","#e6ab02","#a6761d","#b0a7a9"])
    return colors(d);
}

function createPartitionLegend(partitionOn, data, offset, childAccessor, label) {

  colorFunctions = {"grade": gradeColor, "ethnicity": ethnicityColor, "gender": genderColor, "trend": trendColor};
  colorFunction = colorFunctions[partitionOn];

  var legendNest = d3.nest()
    .key(function (d) {
      return d[partitionOn];
    })
    .entries(data);

    legendNest = {id: "root", key: "root", values: legendNest};

  var partition = d3.layout.partition();

  var partitionWidth = 500;
  var partitionHeight = 200;

  partition
  .children(function(d) {return d[childAccessor]})
  .value(function(d) {return 1})

  var pLegend = d3
    .select("g.partition-legend")
    .append("g")
    .attr("transform", "translate(20," + offset + ")")

  pLegend
  .selectAll("rect")
  .data(partition(legendNest).filter(function(d) {return d.depth === 1}))
  .enter()
  .append("rect")
  .attr("x", function (d) {return d.x * partitionWidth})
  .attr("y", function (d) {return d.y * partitionHeight})
  .attr("width", function (d) {return d.dx * partitionWidth})
  .attr("height", function (d) {return d.dy * partitionHeight})
  .style("fill", function (d) {return colorFunction(d.key)})

  pLegend.selectAll("text")
  .data(partition(legendNest).filter(function(d) {return d.depth === 1}))
  .enter()
  .append("text")
  .attr("x", function (d) {return d.x * partitionWidth})
  .attr("y", function (d) {return (d.y * partitionHeight) + 15})
  .text(function (d) {return d[label] ? d[label].substr(0, parseInt((d.dx * partitionWidth) / 8)) : ""})

}

function packStudents(data) {

    nestedData = d3.nest()
    .key(function (d) {
      return d.grade;
    })
    .key(function (d) {
      return d.ethnicity;
    })
    .key(function (d) {
      return d.gender
    })
    .entries(data);

    nestedData.forEach(function (d) {
      d.leafColor = gradeColor(d.key);
      d.values.forEach(function (d) {
        d.leafColor = ethnicityColor(d.key);
          d.values.forEach(function (d) {
            d.leafColor = genderColor(d.key);
        })

      })
    })

  return packableData = {id: "root", key: "root", values: nestedData}
}

function circlePack(data, childAccessor, label) {
  packChart = d3.layout.pack();

  //padding is only for siblings

  packChart.size([500,500])
  .children(function(d) {return d[childAccessor]})
//  .padding(1)
  .value(function (d) {return 1})

  var depthScale = d3.scale.linear().domain([0,3]).range([4,0])

  var chartG = d3.select("g.pack");

  chartG
  .selectAll("circle")
  .data(packChart(data).filter(function (d) {return (d.depth !== 0 && d.depth !== 1) || !d[childAccessor]}))
  .exit()
  .remove();

  chartG
  .selectAll("circle")
  .data(packChart(data).filter(function (d) {return (d.depth !== 0 && d.depth !== 1) || !d[childAccessor]}))
  .enter()
  .append("circle")
  .on("dblclick", packZoom);

  chartG
  .selectAll("circle")
  .transition()
  .duration(1000)
  .attr("cx", function (d) {return d.x})
  .attr("cy", function (d) {return d.y})
  .attr("r", paddedR)
  .style("fill", function (d) {return d.leafColor ? d.leafColor : "white"})
  .style("fill-opacity", function (d) {return d.leafColor ? 1 : .25})
  .style("stroke", function (d) {return d.leafColor || d.depth === 0 ? "none" : "black"});

  chartG
  .selectAll("text")
  .remove();

  chartG
  .selectAll("text")
  .data(packChart(data).filter(function (d) {return d.depth === 1}))
  .enter()
  .append("text")
  .attr("x", function (d) {return d.x})
  .attr("y", function (d) {return d.y})
  .text(function (d) {return d[label] ? d[label] : d.key})
  .style("font-size", function (d) {return d.r})
  .style("text-anchor", "middle")
  .style("fill-opacity", .55)


  function paddedR(d) {
    return Math.max(2, d.r - (Math.max(0, d.depth - 1)))
  }

  function packZoom(d) {
    circlePack(d, "values", "key");
  }

}

</script>

students.json

{"students": [{"sid":0,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"B"},{"sid":1,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":2,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":3,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Lower","grade":"B"},{"sid":4,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":5,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"C"},{"sid":6,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":7,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":8,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"B"},{"sid":9,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":10,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Upper","grade":"C"},{"sid":11,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":12,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"C"},{"sid":13,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":14,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Lower","grade":"B"},{"sid":15,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"B"},{"sid":16,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"C"},{"sid":17,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Lower","grade":"C"},{"sid":18,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"F"},{"sid":19,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"D"},{"sid":20,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Lower","grade":"C"},{"sid":21,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"A"},{"sid":22,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":23,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"C"},{"sid":24,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"C"},{"sid":25,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"F"},{"sid":26,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"C"},{"sid":27,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"C"},{"sid":28,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"A"},{"sid":29,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":30,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":31,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"D"},{"sid":32,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":33,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"C"},{"sid":34,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"D"},{"sid":35,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":36,"ethnicity":"Asian","gender":"Female","socio":"Middle","grade":"B"},{"sid":37,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":38,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Upper","grade":"F"},{"sid":39,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"C"},{"sid":40,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"C"},{"sid":41,"ethnicity":"Asian","gender":"Female","socio":"Lower","grade":"B"},{"sid":42,"ethnicity":"Asian","gender":"Female","socio":"Middle","grade":"B"},{"sid":43,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Upper","grade":"C"},{"sid":44,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"C"},{"sid":45,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":46,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":47,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"D"},{"sid":48,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":49,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"C"},{"sid":50,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"D"},{"sid":51,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"D"},{"sid":52,"ethnicity":"Asian","gender":"Male","socio":"Lower","grade":"D"},{"sid":53,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"D"},{"sid":54,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"F"},{"sid":55,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":56,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"B"},{"sid":57,"ethnicity":"Asian","gender":"Male","socio":"Middle","grade":"B"},{"sid":58,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"D"},{"sid":59,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"C"},{"sid":60,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"D"},{"sid":61,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"B"},{"sid":62,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"F"},{"sid":63,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":64,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"D"},{"sid":65,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"C"},{"sid":66,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":67,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":68,"ethnicity":"Asian","gender":"Female","socio":"Lower","grade":"D"},{"sid":69,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Lower","grade":"C"},{"sid":70,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Upper","grade":"B"},{"sid":71,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":72,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"F"},{"sid":73,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":74,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":75,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":76,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":77,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"F"},{"sid":78,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"C"},{"sid":79,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"D"},{"sid":80,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":81,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Lower","grade":"C"},{"sid":82,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"B"},{"sid":83,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":84,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"A"},{"sid":85,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"D"},{"sid":86,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":87,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"D"},{"sid":88,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"C"},{"sid":89,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"C"},{"sid":90,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":91,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"B"},{"sid":92,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"C"},{"sid":93,"ethnicity":"Asian","gender":"Female","socio":"Middle","grade":"B"},{"sid":94,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":95,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Lower","grade":"B"},{"sid":96,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"C"},{"sid":97,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":98,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"F"},{"sid":99,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":100,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":101,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"B"},{"sid":102,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"B"},{"sid":103,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"C"},{"sid":104,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":105,"ethnicity":"Asian","gender":"Female","socio":"Lower","grade":"B"},{"sid":106,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":107,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":108,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"C"},{"sid":109,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":110,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Lower","grade":"C"},{"sid":111,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":112,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":113,"ethnicity":"Asian","gender":"Male","socio":"Middle","grade":"C"},{"sid":114,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":115,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":116,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"D"},{"sid":117,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"B"},{"sid":118,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Lower","grade":"B"},{"sid":119,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Lower","grade":"B"},{"sid":120,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"D"},{"sid":121,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":122,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"D"},{"sid":123,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"D"},{"sid":124,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":125,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":126,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Lower","grade":"C"},{"sid":127,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"B"},{"sid":128,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":129,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Lower","grade":"D"},{"sid":130,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"C"},{"sid":131,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"D"},{"sid":132,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":133,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"D"},{"sid":134,"ethnicity":"Asian","gender":"Female","socio":"Upper","grade":"B"},{"sid":135,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Upper","grade":"C"},{"sid":136,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"C"},{"sid":137,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"B"},{"sid":138,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"B"},{"sid":139,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Lower","grade":"A"},{"sid":140,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"B"},{"sid":141,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Middle","grade":"D"},{"sid":142,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":143,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":144,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"F"},{"sid":145,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"A"},{"sid":146,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"A"},{"sid":147,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"F"},{"sid":148,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":149,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":150,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Lower","grade":"B"},{"sid":151,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":152,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":153,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"C"},{"sid":154,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Lower","grade":"B"},{"sid":155,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"B"},{"sid":156,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":157,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"D"},{"sid":158,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"C"},{"sid":159,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"C"},{"sid":160,"ethnicity":"Non-Hispanic Black or African American","gender":"Male","socio":"Lower","grade":"B"},{"sid":161,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":162,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":163,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":164,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":165,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":166,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"A"},{"sid":167,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"D"},{"sid":168,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"C"},{"sid":169,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"D"},{"sid":170,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"B"},{"sid":171,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Lower","grade":"C"},{"sid":172,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Lower","grade":"B"},{"sid":173,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"B"},{"sid":174,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":175,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Upper","grade":"C"},{"sid":176,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":177,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":178,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"A"},{"sid":179,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"C"},{"sid":180,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Middle","grade":"B"},{"sid":181,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":182,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Upper","grade":"B"},{"sid":183,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"B"},{"sid":184,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Middle","grade":"A"},{"sid":185,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"D"},{"sid":186,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":187,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"},{"sid":188,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"D"},{"sid":189,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"B"},{"sid":190,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"F"},{"sid":191,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Middle","grade":"D"},{"sid":192,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"A"},{"sid":193,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"A"},{"sid":194,"ethnicity":"Hispanic or Latino","gender":"Male","socio":"Middle","grade":"B"},{"sid":195,"ethnicity":"Hispanic or Latino","gender":"Female","socio":"Upper","grade":"B"},{"sid":196,"ethnicity":"Non-Hispanic Black or African American","gender":"Female","socio":"Lower","grade":"B"},{"sid":197,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Middle","grade":"C"},{"sid":198,"ethnicity":"Non-Hispanic White","gender":"Male","socio":"Lower","grade":"C"},{"sid":199,"ethnicity":"Non-Hispanic White","gender":"Female","socio":"Lower","grade":"B"}]
}