29:null 2a:["$","title",null,{"children":"IMPROVING SPECIALIZED HIGH SCHOOLS DIVERSITY | Janill Lema | Observable"}] 2f:Te65,chart1 = { const data = { School: [ 'Public School System', 'Stuyvesant', 'Bronx Science', 'Brooklyn Technical ', 'H.S. for Math, Science and Engineering', 'H.S. of American Studies', 'Queens H.S. for the Sciences', ' Staten Island Technical', 'Brooklyn Latin School', ], Asian: [16.1, 73.5, 65.6 , 61.3, 36.2, 22, 81, 48.8,51.5], White: [15, 17.8, 23.3, 23.3, 27.7, 58.5, 5.9, 44.8,13.9], Hispanic: [40.5, 6.2, 7, 7.1, 15.6, 11.5, 4.2, 2.7, 11.1 ], Black: [26, 0.7, 2.5, 6.4, 9.6, 3.5, 4.2, 0.8,12.8 ] }; const width = 900, height = 800, margin = { top: 20, right: 100, bottom: 150, left: 40 }, chartWidth = width - margin.left - margin.right, chartHeight = height - margin.top - margin.bottom; // convert to a list of { School, Asian, White, None } const transformedData = data.School.map((School, index) => ({ School, Asian: data.Asian[index], White: data.White[index], Hispanic: data.Hispanic[index], Black: data.Black[index], })); const answers = ['Asian', 'White', 'Hispanic', 'Black', 'Other']; const x = d3 .scaleBand() .paddingInner(0.2) .range([0, chartWidth]) .domain(data.School); const y = d3.scaleLinear().range([chartHeight, 0]).domain([0, 100]); const z = d3 .scaleOrdinal() .range(['#759190','#809ead', '#b1c0c9', '#d7d6cb']) .domain(answers); const stack = d3.stack().keys(answers)(transformedData); const svg = d3 .select('#container') .append('svg') .attr('width', width) .attr('height', height); const chart = svg .append('g') .attr('width', chartWidth) .attr('height', chartHeight) .attr('transform', `translate(${margin.left}, ${margin.top})`); // Add the X-axis const xAxis = d3.axisBottom().scale(x).tickSize(0); chart .append('g') .attr('class', 'x axis') .attr('transform', `translate(0, ${chartHeight})`) .call(xAxis) .selectAll('text') .style('text-anchor', 'end') .attr('dy', '-.35em') .attr('transform', 'translate(0, 10), rotate(-45)'); // Add the Y-axis const yAxis = d3 .axisLeft() .scale(y) .tickFormat(d => (d === 100 ? '100%' : d)) .tickSize(15); chart .append('g') .attr('class', 'y axis') .attr('transform', 'translate(-10, 0)') .call(yAxis) .selectAll('text') .attr('transform', 'translate(16, -10)'); const serieColor = d => z(d.key); const serie = chart .selectAll('.serie') .data(stack) .enter() .append('g') .attr('class', 'serie') .attr('fill', serieColor) .on('mouseover', (d, i, nodes) => d3.select(nodes[i]).attr('fill', '#555')) .on('mouseout', (d, i, nodes) => d3.select(nodes[i]).attr('fill', serieColor) ); const bar = serie .selectAll('.bar') .data((data, i, nodes) => data.map(d => { // use the parent node to get the value d.value = d.data[nodes[i].__data__.key]; return d; }) ) .enter() .append('g') .attr('class', 'bar'); bar .append('rect') .attr('x', d => x(d.data.School)) .attr('width', x.bandwidth()) .attr('y', d => y(d[1])) .attr('height', d => y(d[0]) - y(d[1])); bar .append('text') .attr('x', d => x(d.data.School) + x.bandwidth() / 2) .attr('y', d => y(d[1]) + (y(d[0]) - y(d[1])) / 2) .attr('dy', '0.35em') .attr('text-anchor', 'middle') .attr('fill', '#fff') .text(d => (d.value > 11 ? d.value : '')); bar.append('title').text(d => `${d.value}%`); const legend = serie .append('g') .attr('class', 'legend') .append('text') .attr('x', chartWidth + 8) .attr('y', d => { const last = d[d.length - 1]; return y(last[1]) + (y(last[0]) - y(last[1])) / 2; }) .attr('dy', '0.35em') .attr('fill', '#000') .text(d => d.key === 'None' ? 'No Opinion': d.key); }30:Tc60,// set the dimensions and margins of the graph {var margin = {top: 230 -40, right: 30, bottom: 30, left: 230}, width = 650 - margin.left - margin.right, height = 650 - margin.top - margin.bottom ; // append the svg object to the body of the page var svg = d3.select("#my_dataviz") .append("svg") .attr("width", width +500 + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); // Labels of row and columns var myGroups = ["Economic Need Index", "School Income Estimate", "Percent Asian", "Percent Black", "Percent Hispanic", "Percent Black / Hispanic", "Percent White", "Student Attendance Rate", "Percent of Students Chronically Absent", "Strong Family-Community Ties %"] var myVars = ["Economic Need Index", "School Income Estimate", "Percent Asian", "Percent Black", "Percent Hispanic", "Percent Black / Hispanic", "Percent White", "Student Attendance Rate", "Percent of Students Chronically Absent", "Strong Family-Community Ties %"] // Build X scales and axis: var x = d3.scaleBand() .range([ 0, width ]) .domain(myGroups) .padding(0.01); svg.append("g") .attr("transform", "translate(0," + height + ")") const xAxis = d3.axisBottom(x) svg.append('g').call(xAxis) .selectAll("text") .attr("y", 0) .attr("x", 5) .attr("dy", -5) .attr("transform", "rotate(315)") .style("text-anchor", "start"); // Build X scales and axis: var y = d3.scaleBand() .range([ height, 0 ]) .domain(myVars) .padding(0.01); svg.append("g") .call(d3.axisLeft(y)); // Build color scale var myColor = d3.scaleLinear() .range(["white", '#b1c0c9']) .domain([-100,100]) //Read the data d3.csv("https://gist.githubusercontent.com/JanillLema/a1cc92b14b6b8904ef72fa4ec60180c9/raw/eee741587c84074534e09f0d4c33e0ae2af3ad87/final_heatmapp.csv", function(data) { // create a tooltip var tooltip = d3.select("#my_dataviz") .append("div") .style("opacity", 0) .attr("class", "tooltip") .style("background-color", "white") .style("border", "solid") .style("border-width", "2px") .style("border-radius", "5px") .style("padding", "5px") // Three function that change the tooltip when user hover / move / leave a cell var mouseover = function(d) { tooltip.style("opacity", 1) } var mousemove = function(d) { tooltip .html("The correlation between " + d.group+ " and " + d.variable + " is "+ d.value) .style("left", (d3.mouse(this)[0]+70) + "px") .style("top", (d3.mouse(this)[1]) + "px") } var mouseleave = function(d) { tooltip.style("opacity", 0) } // add the squares svg.selectAll() .data(data, function(d) {return d.group+':'+d.variable;}) .enter() .append("rect") .attr("x", function(d) { return x(d.group) }) .attr("y", function(d) { return y(d.variable) }) .attr("width", x.bandwidth() ) .attr("height", y.bandwidth() ) .style("fill", function(d) { return myColor(d.value)} ) .on("mouseover", mouseover) .on("mousemove", mousemove) .on("mouseleave", mouseleave) }) }31:T1263,data = [2.14, 2.63, 2.48, 2.38, 2.29, 2.28, 2.21, 2.16, 2.17, 1.96, 2.29, 2.26, 2.34, 2.82, 2.24, 2.63, 2.39, 2.12, 2.1, 2.37, 2.48, 2.23, 2.25, 1.97, 2.18, 2.51, 2.61, 2.27, 2.41, 2.04, 2.31, 2.32, 2.43, 2.5, 2.14, 2.1, 2.46, 2.32, 2.76, 2.17, 2.32, 2.29, 2.14, 2.16, 2.85, 2.37, 2.36, 2.64, 2.19, 2.23, 2.32, 2.27, 2.69, 2.24, 2.27, 2.19, 2.19, 2.2, 2.11, 2.81, 2.38, 2.21, 2.26, 2.15, 2.28, 2.14, 2, 2.21, 2.12, 2.12, 2.16, 2.59, 2.41, 2.08, 2.47, 2.24, 2.11, 2.25, 2.1, 2.32, 2.26, 2.3, 2.15, 2.13, 2.2, 2.22, 2.12, 2.25, 2.34, 2.36, 2.69, 2.3, 2.2, 2.09, 2.46, 2.09, 3.01, 2.76, 2.78, 2.45, 2.22, 2.13, 2.33, 2.14, 1.98, 2.31, 2.48, 1.81, 2.57, 2.22, 2.24, 2.19, 2.15, 2.17, 2.37, 2.12, 2.09, 2.09, 2.29, 2.19, 2.06, 2.1, 2.29, 2.32, 2.33, 2.04, 2.31, 2.25, 2.62, 2.18, 2.28, 2.13, 2.14, 2.36, 1.97, 2.26, 2.08, 2.61, 2.6, 2.1, 2.15, 2.72, 2.33, 2.24, 2.26, 2.32, 2.21, 2.15, 2.26, 2.07, 2.24, 2.32, 2.16, 2.25, 2.19, 2.59, 2.24, 1.97, 2.22, 2.22, 2.27, 2.67, 2.46, 2.74, 2.17, 2.33, 2.11, 2.31, 2.28, 2.23, 2.28, 2.31, 2.05, 2.28, 2.28, 2.18, 2.42, 2.04, 2.17, 2.55, 2.1, 2.07, 2.19, 2.33, 2.07, 2.04, 2.27, 2.71, 2.07, 2.09, 2.3, 2.21, 2.46, 2.48, 2.45, 1.98, 2.1, 2.21, 2.16, 2.19, 2.23, 2.27, 2.05, 2.21, 2.17, 2, 2.64, 2.1, 2.05, 1.9, 2.27, 2.57, 2.24, 2.1, 2.58, 2.14, 2.63, 2.68, 2.35, 2.63, 2.43, 2.16, 2.57, 2.32, 2.13, 2.31, 2.15, 2.37, 2.27, 2.08, 2.49, 2.27, 2.7, 2.13, 2.16, 2.02, 2.47, 2.33, 2.17, 2.41, 2.54, 2.33, 2.4, 2.06, 2.38, 2.22, 2.7, 2.35, 2.51, 2.13, 2.2, 2.26, 2.48, 2.4, 2.19, 2.27, 2.52, 2.23, 2.46, 2.2, 2.29, 2.15, 2.74, 2.22, 2.24, 2.37, 2.23, 2.23, 2.15, 2.09, 2.3, 2.3, 2.14, 2.25, 2.23, 2.42, 2.34, 2.25, 2.21, 2.32, 2.3, 2.41, 2.34, 2.42, 2.12, 2.08, 2.45, 2.29, 2.77, 2.31, 2.5, 2.41, 2.71, 2.66, 2.37, 2.15, 2.16, 2.28, 2.08, 2.13, 2.49, 2.46, 2.65, 2.34, 2.25, 2.19, 2.29, 2.12, 2.26, 2.3, 2.28, 2.17, 2.2, 2.19, 2, 2.07, 2.26, 2.33, 2.19, 2.25, 2.07, 2.24, 2.22, 2.15, 2.24, 2.11, 2.36, 2.34, 2.23, 2.25, 2.23, 2.15, 2.43, 2.15, 2.2, 2.27, 2.22, 2.04, 2.13, 2.11, 2.24, 2.3, 2.46, 2.92, 2.4, 2.27, 2.27, 2.04, 2.54, 2.09, 2.32, 2.31, 2.41, 2.24, 2.23, 2.18, 2.52, 2.14, 2.14, 2.04, 2.18, 2.19, 2.21, 2.36, 2.27, 2.26, 2.43, 2.23, 2.16, 2.13, 2.19, 2.06, 2.17, 2.25, 2.27, 2.2, 2.43, 2.46, 2.76, 2.2, 2.59, 2.59, 2.27, 2.38, 2.11, 2.52, 2.35, 2.39, 2.12, 2.58, 2.19, 3.33, 2.1, 2.36, 2.49, 2.38, 2.14, 2.19, 2.68, 2.05, 2.51, 2.11, 2.5, 2.13, 2.41, 2.14, 2.37, 2.24, 2.18, 2.55, 2.43, 2.27, 2.14, 2.33, 2.09, 2.62, 2.64, 2.18, 2.46, 2.31, 2.26, 2.36, 2.18, 2.14, 2.47, 2.45, 2.27, 2.66, 2.21, 2.44, 2.61, 2.24, 2.75, 2.51, 2.57, 2.73, 2.12, 2.16, 2.69, 2.2, 2.27, 2.35, 2.25, 2.24, 2.36, 2.32, 2.38, 2.06, 2.96, 3.4, 2.19, 2.12, 2.26, 2.5, 2.22, 2.28, 2.49, 2.51, 2.53, 2.47, 2.38, 2.43, 3.05, 2.33, 2.26, 2.16, 2.27, 2.46, 2.48, 2.47, 2.17, 2.29, 2.36, 2.39, 2.34, 2.29, 2.54, 2.2, 2.69, 2.15, 2.24, 2.27, 2.46, 2.18, 2.11, 2.16, 2.21, 2.36, 2.55, 2.39, 2.12, 1.95, 2.04, 2.11, 2.28, 2.45, 2.49, 2.16, 2.61, 2.27, 2.72, 1.96, 2.22, 2.32, 2.19, 2.25, 2.19, 2.34, 2.24, 2.39, 2.27, 2.19, 2.34, 2.31, 2.32, 2.43, 2.39, 2.34, 2.35, 2.46, 2.43, 2.51, 2.75, 2.27, 2.09, 2.42, 2.54, 2.14, 2.27, 1.97, 2.14, 2.19, 2.12, 2.26, 2.17, 2.08, 1.97, 2.32, 2.17, 2.07, 3.05, 2.13, 2.52, 2.51, 2.3, 2.27, 2.09, 2.18, 2.26, 2.44, 2.33, 2.47, 2.47, 2.37, 2.43, 2.32, 2.43, 2.72, 2.54, 2.16, 2.37, 2.42, 2.47, 2.3, 2.56, 2.03, 2.24, 2.33, 2.14, 2.68, 2.64, 2.19, 2.21, 2.01, 2.35, 2.16, 2.06, 2.45, 2.29, 2.83, 2.63, 2.56, 2.64, 2.43, 2.29, 2.4, 2.3, 2.16, 2.57, 2.34, 2.21, 2.26, 2.53, 2.27, 2.26, 2.34, 2.19, 2.34, 2.22, 2.37, 2.28, 2.51, 2.52, 2.48, 2.52, 2.45, 2.44, 2.38, 2.26, 2.39, 2.57, 2.4, 2.47, 2.27, 2.41, 2.37, 3, 2.43, 2.32, 2.39, 2.86, 2.54, 2.66, 2.68, 2.34, 2.41, 2.21, 2.24, 2.23, 2.18, 2.06, 2.35, 2.43, 2.49, 2.49, 2.28, 2.21, 2.52, 2.28, 2.15, 2.15, 2.36, 2.16, 2.2, 2.44, 2.38, 2.12, 2.11, 2.31, 2.33, 2.45, 2.26, 2.11, 2.4, 2.16, 2.24, 2.12, 2.37, 2.22, 2.26, 2.02, 2.23, 2.2, 2.17, 2.25, 2.25, 2.25, 2.58, 2.14, 2.9, 2.39, 3.28, 2.11, 2.23, 2.62, 2.59, 2.48, 2.69, 2.16, 3.3, 2.28, 2.3, 2.72, 2.62, 2.79, 2.73, 2.63, 2.67, 2.59, 2.49, 2.37, 2.56, 2.55, 2.42, 2.43, 2.32, 2.36, 2.47, 2.62, 2.99, 2.49, 2.27, 2.35, 2.48, 2.45, 2.28, 2.52, 2.26, 2.4, 2.52, 2.89, 2.63, 2.6, 2.4, 2.4, 2.48, 2.36, 2.45, 2.47, 2.63, 2.6, 2.56, 2.37, 2.13, 2.51, 2.51, 2.25, 2.72, 2.36, 2.6, 2.57, 2.64, 3.06, 2.37, 2.51, 3.17, 3.29, 3.23, 2.13, 2.35, 2.31, 2.37, 3.14, 2.44, 2.43, 2.43, 2.91, 2.69, 2.47, 2.31, 2.54, 2.43, 2.86, 2.53, 2.73, 2.66, 2.71, 2.36, 2.35, 2.38, 2.36, 2.45, 2.88, 2.83, 2.23, 2.33, 2.97, 2.27, 2.53, 2.41, 3.24, 2.99, 2.69, 2.57, 2.43, 2.21, 2.59, 2.55, 2.3, 2.38, 2.23, 2.67, 2.44, 2.83, 3.23, 3.16, 3, 3.03, 2.02, 2.39, 2.42, 2.48, 2.5, 2.77, 2.6, 2.74]32:T9aa,data2 = [2.39, 2.8, 3.24, 2.86, 2.89, 2.55, 3.1, 3.83, 2.92, 2.59, 2.75, 3.09, 3.4, 3.12, 3.04, 3.39, 3.44, 2.94, 2.55, 3.24, 3.73, 3.23, 3.05, 2.39, 3.66, 3.07, 3.1, 2.93, 3.09, 2.49, 3.37, 2.83, 3.49, 3.08, 3.13, 3.26, 2.73, 3.14, 2.9, 2.71, 3.25, 3.75, 3.37, 3.13, 3.16, 3.18, 3.37, 3.62, 2.32, 3.29, 3.28, 3.44, 3.05, 2.94, 3.21, 2.77, 2.7, 3.38, 3.46, 2.76, 3.38, 2.99, 3.3, 3.36, 3.61, 3.17, 3.09, 3.93, 3.28, 3.67, 3.11, 3.64, 2.67, 2.96, 3.47, 2.84, 2.98, 2.66, 2.89, 2.41, 2.94, 2.87, 2.81, 2.74, 2.81, 2.6, 2.53, 2.54, 2.72, 2.49, 2.86, 2.5, 3.19, 2.85, 2.52, 2.82, 3.1, 2.97, 2.43, 2.72, 3.02, 2.85, 3, 3.32, 2.7, 2.54, 3.3, 3.5, 3.24, 2.31, 3.35, 2.59, 2.69, 2.64, 2.96, 3.28, 2.56, 2.79, 3.13, 2.77, 3.4, 3.1, 3.42, 2.38, 2.36, 2.71, 2.64, 2.41, 2.82, 2.88, 2.82, 2.71, 2.84, 2.8, 2.69, 2.69, 2.5, 2.67, 2.98, 2.39, 2.74, 2.9, 2.81, 3.83, 2.46, 2.76, 3.13, 2.93, 2.85, 2.42, 2.43, 2.49, 3.11, 2.93, 2.92, 2.61, 2.79, 2.46, 2.66, 3.1, 3.47, 3.39, 2.32, 2.76, 2.45, 2.78, 3.47, 2.62, 2.97, 2.85, 2.68, 2.45, 2.6, 2.53, 2.8, 2.64, 2.63, 2.95, 2.69, 2.51, 2.72, 2.62, 2.42, 3.53, 2.56, 2.72, 2.64, 2.61, 2.77, 2.32, 2.65, 2.81, 2.69, 3.06, 2.65, 2.98, 2.91, 2.72, 3.03, 3.09, 3.12, 3.02, 2.76, 2.97, 2.78, 2.87, 2.84, 2.83, 2.63, 2.97, 2.92, 2.56, 2.7, 2.7, 2.53, 2.57, 2.85, 2.89, 3.13, 2.65, 3.08, 2.87, 2.63, 2.99, 2.95, 3.21, 2.84, 2.66, 2.96, 2.83, 2.83, 2.95, 2.55, 3.08, 3, 2.71, 2.71, 2.95, 2.63, 2.87, 2.95, 2.78, 2.9, 2.94, 2.92, 2.64, 2.83, 2.87, 2.66, 3.13, 2.82, 2.71, 2.72, 2.4, 2.8, 2.96, 2.84, 3.07, 3.12, 2.87, 3.05, 2.97, 3.1, 3.03, 3.27, 3.29, 3.02, 3.27, 3.26, 3.12, 3.15, 3.17, 2.98, 2.96, 3, 2.86, 3.14, 3.46, 2.99, 3.45, 3.32, 3.02, 3.1, 3.14, 3.07, 2.97, 2.58, 2.59, 2.59, 2.63, 2.55, 2.77, 2.59, 2.6, 2.63, 2.89, 2.99, 2.64, 2.68, 2.7, 2.66, 2.63, 2.87, 2.58, 2.37, 2.87, 2.48, 3.7, 2.55, 2.35, 2.65, 2.6, 2.8, 3.23, 2.55, 2.78, 2.79, 3.14, 2.95, 2.86, 2.77, 3, 2.78, 2.33, 2.85, 3.39, 2.47, 2.64, 2.66, 2.92, 2.47, 3.43, 3.06, 2.66, 2.44, 2.77, 2.53, 2.99, 2.7, 2.34, 2.69, 2.82, 2.79, 2.59, 2.76, 2.36, 2.88, 2.72, 2.94, 2.58, 3.11, 2.39, 3.38, 2.46, 2.87, 2.89, 2.75, 2.84, 2.64, 2.91, 2.79, 2.62, 1.91, 2.88, 2.68, 3.73, 3.91, 2.85, 2.7, 2.84, 2.78, 3.2, 2.52, 3.1, 2.9, 2.52, 2.48, 3, 2.85, 2.65, 2.64, 2.89, 2.85, 2.74, 3, 3.13, 3.06, 2.75, 2.57, 2.75, 2.87, 2.55, 2.33, 3.04, 3.29, 2.47, 2.7, 2.8, 2.78, 2.8, 3.11, 2.75, 2.65, 3.03, 2.75, 2.74, 2.83, 3.05, 2.83, 2.79, 2.94, 2.86, 2.82, 2.73, 2.53, 3.53, 2.82, 2.67, 2.45, 2.65, 2.8]33:T1251,data3 = [2.17, 2.98, 2.47, 2.54, 2.48, 2.73, 2.27, 2.31, 2.32, 1.83, 2, 2.2, 2.48, 2.9, 1.95, 2.83, 2.24, 2.16, 2.03, 2.41, 2.44, 2.1, 2.24, 1.93, 2.52, 2.64, 2.44, 2.1, 2.5, 1.99, 2.45, 2.22, 2.52, 2.44, 2.12, 2.07, 2.57, 2.4, 2.8, 2.03, 2.39, 2.31, 2.19, 2.17, 3.08, 2.71, 2.54, 2.7, 2.08, 2.25, 2.15, 2.36, 2.54, 2.15, 2.18, 2.3, 2.19, 2.22, 2, 3.12, 2.29, 2.19, 2.02, 2.16, 2.38, 2.26, 2.02, 2.27, 2.13, 1.92, 1.89, 2.58, 2.24, 1.94, 2.27, 2.33, 2.28, 2.34, 2.36, 2.64, 2.41, 2.22, 2.3, 2.35, 2.39, 2.25, 2.06, 2.46, 2.54, 2.67, 2.86, 2.48, 2.35, 2.31, 2.62, 2.09, 3.12, 2.86, 3, 2.48, 2.29, 2.22, 2.62, 2.19, 1.97, 2.23, 2.67, 2.03, 2.72, 2.38, 2.19, 2.23, 2.11, 2.39, 2.42, 2.12, 2.15, 2.04, 2.46, 2.45, 2.12, 1.98, 2.33, 2.41, 2.48, 1.96, 2.35, 2.39, 2.68, 2.13, 2.64, 2.04, 1.97, 2.72, 2.04, 2.19, 2.06, 2.8, 2.73, 2.18, 2.35, 3.02, 2.44, 2.34, 2.32, 2.34, 2.24, 1.98, 2.26, 2.22, 2.07, 2.39, 2.36, 2.27, 2.39, 2.77, 2.15, 1.95, 2.17, 2.21, 2.54, 2.77, 2.39, 2.47, 2.01, 2.15, 2.02, 2.33, 2.22, 2.17, 2.45, 2.32, 1.91, 2.47, 2.48, 2.25, 2.63, 2.15, 2.32, 2.65, 2.26, 2.1, 2.17, 2.4, 2.19, 2, 2.17, 2.95, 2.18, 1.98, 2.42, 2.31, 2.65, 2.67, 2.56, 1.92, 1.99, 2.13, 2.27, 2.28, 2.47, 2.29, 2.05, 2.17, 2.16, 1.97, 3.03, 2, 2.04, 1.91, 2.17, 2.53, 2.22, 2.22, 2.71, 2.35, 2.63, 2.8, 2.54, 2.97, 2.64, 2.39, 2.84, 2.34, 2.14, 2.42, 2.33, 2.55, 2.15, 2.24, 2.54, 2.2, 3.01, 2.3, 2.07, 2.05, 2.8, 2.52, 2.22, 2.41, 2.59, 2.43, 2.51, 2.12, 2.48, 2.34, 2.66, 2.32, 2.49, 2.3, 2.25, 2.33, 2.66, 2.67, 2.3, 2.43, 2.54, 2.56, 2.61, 2.14, 2.52, 2.18, 2.95, 2.13, 2.15, 2.28, 2.3, 2.25, 2.13, 1.98, 2.38, 2.33, 1.97, 2.37, 2.31, 2.57, 2.45, 2.36, 2.3, 2.51, 2.29, 2.64, 2.31, 2.58, 2.15, 2.09, 2.69, 2.1, 3.01, 2.25, 2.73, 2.6, 2.71, 2.67, 2.54, 1.97, 2.09, 2.26, 2.08, 2.06, 2.53, 2.36, 2.76, 2.31, 2.52, 2.15, 2.22, 2.22, 2.35, 2.28, 2.33, 2.44, 2.2, 2.3, 1.9, 2.15, 2.25, 2.35, 2.26, 2.22, 2.19, 2.39, 2.36, 2.26, 2.36, 1.98, 2.31, 2.33, 2.16, 2.19, 2.17, 2.18, 2.52, 2.16, 2.07, 2.24, 2.33, 1.97, 2.1, 2.23, 2.36, 2.36, 2.48, 3.15, 2.53, 2.31, 2.32, 2.09, 2.82, 2.15, 2.36, 2.21, 2.48, 2.08, 2.1, 2.2, 2.51, 2.1, 1.99, 1.99, 2.38, 2.25, 2.07, 2.19, 2.11, 2.41, 2.7, 2.38, 2.36, 2.11, 2.26, 1.99, 2.59, 2.22, 2.38, 2.2, 2.67, 2.51, 2.77, 2.35, 2.63, 2.8, 2.57, 2.15, 1.89, 2.44, 2.6, 2.63, 2.43, 2.67, 2.13, 3.93, 2.14, 2.3, 2.04, 2.5, 2.01, 2.32, 2.89, 2.09, 2.51, 2.4, 2.5, 2.15, 2.39, 2.24, 2.29, 2.38, 2.47, 2.41, 2.42, 2.01, 2.24, 2.35, 1.98, 2.48, 2.75, 2.13, 2.42, 2.46, 2.19, 2.32, 2.22, 2.22, 2.54, 2.64, 2.17, 2.91, 2.55, 2.49, 2.95, 2.03, 3.19, 2.53, 2.85, 2.47, 2.11, 2.14, 2.64, 2.44, 2.27, 2.21, 2.22, 2.26, 2.38, 2.17, 2.23, 2.05, 2.98, 3.41, 2.24, 2.13, 2.2, 2.69, 2.14, 2.36, 2.6, 2.43, 2.51, 2.37, 2.34, 2.41, 3.1, 2.6, 2.29, 2.26, 2.4, 2.49, 2.3, 2.37, 2.15, 2.18, 2.09, 2.27, 2.4, 2.28, 2.83, 2.27, 2.87, 2.31, 2.29, 2.2, 2.39, 2.22, 2.18, 2.14, 2.31, 2.33, 2.74, 2.44, 2.04, 1.9, 2.12, 2.22, 2.3, 2.54, 2.3, 1.98, 2.74, 2.1, 2.63, 1.95, 2.45, 2.31, 2.2, 2.4, 2.07, 2.14, 2.5, 2.62, 2.46, 2.2, 2.33, 2.27, 2.2, 2.5, 2.67, 2.36, 2.43, 2.45, 2.61, 2.48, 2.93, 2.35, 2.06, 2.41, 2.31, 2.13, 2.38, 2.02, 2.15, 2.29, 2.01, 2.31, 2.21, 2.09, 1.97, 2.25, 1.98, 1.98, 2.94, 2.19, 2.58, 2.32, 2.08, 2.3, 1.96, 2.25, 2.35, 2.39, 2.51, 2.79, 2.69, 2.43, 2.59, 2.36, 2.74, 2.89, 2.59, 2.42, 2.53, 2.61, 2.54, 2.62, 2.72, 1.99, 2.31, 2.48, 2.03, 3.17, 2.92, 2.35, 2.22, 2.11, 2.54, 2.08, 2.22, 2.52, 2.57, 3.32, 2.47, 2.78, 2.47, 2.72, 2.17, 2.51, 2.16, 2.18, 2.62, 2.4, 2.14, 2.38, 2.53, 2.21, 2.45, 2.42, 2.25, 2.43, 2.3, 2.44, 2.43, 2.72, 2.65, 2.51, 2.46, 2.59, 2.36, 2.3, 2.24, 2.47, 2.84, 2.32, 2.34, 2.16, 2.29, 2.26, 2.93, 2.42, 2.13, 2.22, 2.92, 2.24, 2.63, 2.6, 2.18, 2.42, 2.13, 2.13, 2.44, 2.37, 2.03, 2.42, 2.57, 2.71, 2.84, 2.44, 2.45, 2.66, 2.57, 2.18, 2.34, 2.53, 2.32, 2.36, 2.65, 2.43, 2.18, 2.18, 2.19, 2.25, 2.32, 2.34, 2.2, 2.49, 2.3, 2.41, 2.37, 2.68, 2.36, 2.29, 2.1, 2.23, 2.42, 2.1, 2.52, 2.3, 2.26, 2.76, 2.22, 2.72, 2.37, 3.47, 1.95, 2.65, 2.97, 2.93, 2.73, 2.95, 2.2, 4.16, 2.5, 2.44, 2.49, 2.98, 3.3, 3.27, 3.2, 2.99, 2.78, 2.8, 2.82, 2.84, 2.56, 2.61, 2.65, 2.34, 2.65, 2.75, 3.25, 3.48, 2.88, 2.45, 2.37, 2.65, 2.73, 2.37, 2.81, 2.32, 2.48, 2.9, 3.59, 3, 2.74, 2.53, 2.8, 2.83, 2.45, 2.71, 2.63, 2.57, 2.82, 2.86, 2.85, 2.01, 2.91, 3.03, 2.45, 2.83, 2.72, 3.13, 3.13, 3.07, 3.79, 2.38, 2.85, 3.68, 3.89, 3.95, 2.29, 2.75, 2.43, 2.74, 3.92, 2.62, 3.02, 2.79, 2.94, 2.97, 2.69, 2.66, 2.78, 2.62, 3.21, 2.6, 3.23, 3.05, 2.93, 2.58, 2.48, 2.53, 2.43, 2.73, 3.28, 3.07, 2.39, 2.54, 3.25, 2.26, 2.45, 2.53, 3.47, 3.36, 2.81, 3.04, 2.66, 2.29, 2.76, 2.83, 2.46, 2.3, 2.48, 2.87, 2.52, 3.11, 3.97, 3.91, 3.52, 3.18, 2.27, 2.5, 2.87, 2.6, 2.85, 3.09, 3.29, 3.19]34:T9b6,data4 = [2.23, 2.32, 2.33, 2.34, 2.34, 2.39, 2.41, 2.43, 2.44, 2.45, 2.46, 2.46, 2.46, 2.47, 2.49, 2.5, 2.51, 2.51, 2.51, 2.53, 2.53, 2.54, 2.54, 2.55, 2.56, 2.57, 2.58, 2.58, 2.58, 2.58, 2.59, 2.6, 2.6, 2.61, 2.61, 2.62, 2.62, 2.62, 2.63, 2.63, 2.64, 2.64, 2.65, 2.66, 2.67, 2.67, 2.68, 2.68, 2.68, 2.68, 2.69, 2.7, 2.7, 2.71, 2.71, 2.71, 2.71, 2.71, 2.72, 2.72, 2.73, 2.73, 2.73, 2.74, 2.74, 2.74, 2.74, 2.75, 2.75, 2.75, 2.76, 2.76, 2.76, 2.76, 2.76, 2.76, 2.77, 2.78, 2.78, 2.79, 2.79, 2.8, 2.8, 2.8, 2.8, 2.8, 2.8, 2.8, 2.8, 2.81, 2.81, 2.81, 2.81, 2.81, 2.81, 2.82, 2.82, 2.82, 2.82, 2.83, 2.83, 2.83, 2.84, 2.84, 2.84, 2.85, 2.85, 2.85, 2.86, 2.86, 2.86, 2.86, 2.87, 2.87, 2.87, 2.87, 2.87, 2.87, 2.88, 2.88, 2.88, 2.88, 2.88, 2.88, 2.88, 2.88, 2.88, 2.88, 2.89, 2.89, 2.89, 2.89, 2.91, 2.91, 2.91, 2.92, 2.92, 2.93, 2.93, 2.93, 2.93, 2.93, 2.93, 2.94, 2.94, 2.94, 2.94, 2.95, 2.95, 2.95, 2.95, 2.95, 2.96, 2.96, 2.97, 2.97, 2.97, 2.97, 2.97, 2.97, 2.97, 2.97, 2.98, 2.98, 2.98, 2.98, 2.98, 2.98, 2.98, 2.98, 2.99, 2.99, 2.99, 2.99, 2.99, 3, 3, 3, 3, 3, 3.01, 3.01, 3.01, 3.01, 3.02, 3.02, 3.02, 3.02, 3.03, 3.03, 3.03, 3.03, 3.03, 3.03, 3.03, 3.04, 3.04, 3.04, 3.04, 3.04, 3.05, 3.06, 3.06, 3.06, 3.06, 3.07, 3.07, 3.07, 3.08, 3.08, 3.08, 3.08, 3.08, 3.08, 3.08, 3.09, 3.09, 3.09, 3.09, 3.1, 3.1, 3.11, 3.11, 3.11, 3.12, 3.12, 3.12, 3.12, 3.12, 3.13, 3.13, 3.13, 3.13, 3.13, 3.14, 3.14, 3.14, 3.14, 3.14, 3.15, 3.15, 3.15, 3.15, 3.16, 3.16, 3.16, 3.16, 3.17, 3.17, 3.17, 3.18, 3.18, 3.19, 3.19, 3.2, 3.2, 3.2, 3.2, 3.2, 3.2, 3.21, 3.21, 3.21, 3.21, 3.21, 3.22, 3.22, 3.22, 3.22, 3.22, 3.23, 3.23, 3.23, 3.23, 3.24, 3.24, 3.24, 3.24, 3.25, 3.25, 3.25, 3.25, 3.25, 3.25, 3.26, 3.26, 3.27, 3.27, 3.27, 3.27, 3.27, 3.27, 3.28, 3.28, 3.28, 3.28, 3.28, 3.28, 3.28, 3.28, 3.28, 3.28, 3.29, 3.29, 3.29, 3.29, 3.3, 3.3, 3.32, 3.32, 3.32, 3.32, 3.32, 3.32, 3.33, 3.34, 3.34, 3.34, 3.34, 3.35, 3.35, 3.35, 3.35, 3.35, 3.36, 3.36, 3.37, 3.38, 3.38, 3.38, 3.38, 3.38, 3.38, 3.39, 3.39, 3.39, 3.4, 3.4, 3.4, 3.41, 3.41, 3.41, 3.41, 3.41, 3.43, 3.43, 3.44, 3.44, 3.44, 3.44, 3.45, 3.45, 3.46, 3.47, 3.47, 3.48, 3.48, 3.49, 3.49, 3.5, 3.51, 3.52, 3.53, 3.53, 3.54, 3.54, 3.54, 3.55, 3.55, 3.55, 3.55, 3.55, 3.56, 3.57, 3.58, 3.58, 3.58, 3.58, 3.59, 3.59, 3.59, 3.6, 3.6, 3.61, 3.62, 3.63, 3.63, 3.64, 3.65, 3.65, 3.65, 3.66, 3.66, 3.68, 3.68, 3.7, 3.7, 3.71, 3.71, 3.71, 3.72, 3.73, 3.73, 3.74, 3.74, 3.75, 3.8, 3.83, 3.84, 3.85, 3.85, 3.89, 3.91, 3.94, 3.94, 3.99, 4.03, 4.07, 4.15, 4.19, 4.2]35:[] 2d:{"id":"31bea7918b6ed61e","slug":"improving-specialized-high-schools-diversity","title":"IMPROVING SPECIALIZED HIGH SCHOOLS DIVERSITY","thumbnail":"ed514b4010eff69258ddc71c08b804555af6a5ac4d603ee16133e0ce8d0e918c","access_level":"public","create_time":"$D2019-04-30T04:10:19.079Z","update_time":"$D2019-12-31T05:49:05.104Z","view_time":null,"first_public_time":"$D2019-04-30T21:10:13.161Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"5f34e526407a80ba","login":"janilllema","name":"Janill Lema ","avatar_url":"https://avatars-next.observableusercontent.com/719c4a889d970fb7b7eeef894be17b9e145fb77892a9568741ac46d01bf3c56d","tier":"starter_2024"},"version":204,"publish_version":204,"role":null,"authored":false,"authors":[{"type":"individual","id":"4911a68622a760aa","login":"janilllema","name":"Janill Lema ","avatar_url":"https://avatars-next.observableusercontent.com/719c4a889d970fb7b7eeef894be17b9e145fb77892a9568741ac46d01bf3c56d","tier":null}],"members":[{"type":"individual","id":"4911a68622a760aa","login":"janilllema","name":"Janill Lema ","avatar_url":"https://avatars-next.observableusercontent.com/719c4a889d970fb7b7eeef894be17b9e145fb77892a9568741ac46d01bf3c56d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"IMPROVING SPECIALIZED HIGH SCHOOLS DIVERSITY","cells":[{"id":0,"value":"md`# IMPROVING SPECIALIZED HIGH SCHOOLS DIVERSITY`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"html`\n

Public H.S. vs Specialized H.S. Diversity in 2018

\n There are seven specialized high schools that require students to take an entrance exam. Most \n middle schoolers in New York aim for these high schools since they are considered the breeding ground\n for upcoming Ivy League and other top notch university students.
\n Currently, Black and Latinx students make up a vast majority of students in the entire \n New York public school system. This fails to be the case for specialized high schools and the question\n arises as to why and what measures should be taken to resolve this disparity.
\n *White space can be interpreted as other*\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"html`\n

Bettering the issue from the roots.... Back to middle school

\n Current suggestions to improving diversity among the specialized high schools include admitting the \n top 7% students of every middle school to these high schools as well as completely abolishing the entrace \n exam (SHSAT: Specialized High School Admissions Test) and using more of a holistic approach.
\n \n
\n These suggested solutions do not help with the fact that underrepresented middle school students face \n obstacles that deter their chances to doing well on the entrance exam. It is important to identify\n why these students are limited and how can they be helped. \n \n \n \n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"html`\n

Heat Map: An insight to middle school attribute correlations

\nEconomic Need Index:
\n-Schools with more White Students have a lower economic need index, meaning the schools are operating just fine without the need of help.
\n-Schools with more Asian Students have a slightly lower economic need index.
\n-Schools with more Black/Hispanic Students have a higher economic need index, meaning the schools are in need of help.
\n-Schools with more Chronically Absent Students have a higher economic need index
\nSchool Income Estimate:
\n- Schools with more White/Asian Students have a higher school income estimate.
\n- Schools with more Black/Hispanic Students have a lower school income estimate\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"html`\n\n\n\n\n\n\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"html`\n

\n \n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"md`# Hispanic/ Black and White Middle School Dominant ELA Scores`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"chart = {\n const svg = d3.select(DOM.svg(width, height));\n \n const bar = svg.append(\"g\")\n .attr(\"fill\", \"#aaa\")\n .selectAll(\"rect\")\n .data(bins)\n .enter().append(\"rect\")\n .attr(\"x\", d => x(d.x0) + 1)\n .attr(\"width\", d => Math.max(0, x(d.x1) - x(d.x0) -1))\n .attr(\"y\", d => y(d.length))\n .attr(\"height\", d => y(0) - y(d.length));\n\n \n\n\n svg.append(\"g\")\n .call(xAxis);\n \n svg.append(\"g\")\n .call(yAxis);\n \n const bar2 = svg.append(\"g\")\n .attr(\"fill\", \"steel-blue\")\n .selectAll(\"rect\")\n .data(bins2)\n .enter().append(\"rect\")\n .attr(\"x\", d => x(d.x0) + 1)\n .attr(\"width\", d => Math.max(0, x(d.x1) - x(d.x0) -1))\n .attr(\"y\", d => y(d.length))\n .attr(\"height\", d => y(0) - y(d.length));\n \n\n\n svg.append(\"g\")\n .call(xAxis);\n \n svg.append(\"g\")\n .call(yAxis);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"md`# Hispanic/ Black and White Middle School Dominant Math Scores`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"chart4 = {\n const svg = d3.select(DOM.svg(width, height));\n \n const bar = svg.append(\"g\")\n .attr(\"fill\", \"#aaa\")\n .selectAll(\"rect\")\n .data(bins3)\n .enter().append(\"rect\")\n .attr(\"x\", d => x(d.x0) + 1)\n .attr(\"width\", d => Math.max(0, x(d.x1) - x(d.x0) - 1))\n .attr(\"y\", d => y(d.length))\n .attr(\"height\", d => y(0) - y(d.length));\n \n \n const bar2 = svg.append(\"g\")\n .attr(\"fill\", \"steel-blue\")\n .selectAll(\"rect\")\n .data(bins4)\n .enter().append(\"rect\")\n .attr(\"x\", d => x(d.x0) + 1)\n .attr(\"width\", d => Math.max(0, x(d.x1) - x(d.x0) - 1))\n .attr(\"y\", d => y(d.length))\n .attr(\"height\", d => y(0) - y(d.length));\n \n\n svg.append(\"g\")\n .call(xAxis);\n \n svg.append(\"g\")\n .call(yAxis);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"html`\n

\n \n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"bins = d3.histogram()\n .domain(x.domain())\n .thresholds(x.ticks(40))\n (data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"bins2 = d3.histogram()\n .domain(x.domain())\n .thresholds(x.ticks(40))\n (data2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"bins3 = d3.histogram()\n .domain(x.domain())\n .thresholds(x.ticks(40))\n (data3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"bins4 = d3.histogram()\n .domain(x.domain())\n .thresholds(x.ticks(40))\n (data4)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"x = d3.scaleLinear()\n //.domain(d3.extent(data))\n .domain([0,4])\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"y = d3.scaleLinear()\n .domain([0, d3.max(bins, d => d.length)]).nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).tickSizeOuter(0))\n .call(g => g.append(\"text\")\n .attr(\"x\", width - margin.right)\n .attr(\"y\", -4)\n .attr(\"fill\", \"#000\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"text-anchor\", \"end\")\n .text('Score'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 4)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text('Count'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"margin = ({top: 20, right: 20, bottom: 30, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"d3 = require(\"d3@4\",)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 2e:"$2d:body"

Public H.S. vs Specialized H.S. Diversity in 2018

Bettering the issue from the roots.... Back to middle school

Heat Map: An insight to middle school attribute correlations

Looking at average ELA and MATH test scores

Conclusion