A circle pack with a variety of styles based on depth.
Last active
March 16, 2016 15:42
-
-
Save emeeks/05f44e46124cefa0070c to your computer and use it in GitHub Desktop.
Circle Pack
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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="http://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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"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"}] | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment