28:null 29:["$","title",null,{"children":"Borough Demographics compared to 2021 and 2020 Boards | Zhi Keng He | Observable"}] 2f:Tff5,ageChart = { const items = p_data; const margin = { top: 20, right: 20, bottom: 10, left: 100 }; const barHeight = 60; const height = Math.ceil((items.length + 0.1) * barHeight) + margin.top + margin.bottom; const svg = d3.create('svg').attr('viewBox', [0, 0, width, height]); const xScale = d3 .scaleLinear() .domain([0, .28]) .range([margin.left, width - margin.right]); const yScale = d3 .scaleBand() .domain(items.map(i => i.key)) .rangeRound([margin.top, height - margin.bottom]) .padding(0.1); const xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(xScale).ticks(width / 150, "%")) .call(g => g.select(".domain").remove()); const yAxis = g => g .attr("transform", `translate(${margin.left - 10},0)`) .call( d3 .axisLeft(yScale) .tickFormat(i => i) .tickSizeOuter(0) ) .style("font-size", "0.8rem"); const format = d3.format('.1f'); //board bar 1 svg .append('g') .attr('fill', '#c1b29b') .selectAll('rect') .data(items) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .9) .attr("width", d => xScale(d.value[0]) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //board bar 2 svg .append('g') .attr('fill', 'steelblue') .selectAll('rect') .data(items) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .5) .attr("width", d => xScale(d.value[1]) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //board bar 2 : new appoints svg .append('g') .attr('fill', '#FFDB19') .selectAll('rect') .data(p_new) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .5) .attr("width", d => xScale(d.value) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //district proficiency line svg .append('g') .attr('stroke', '#E71919') .style("stroke-width", 4) .style("stroke-opacity", 0.6) .selectAll('line') .data(items) .join('line') .attr('x1', d => xScale(d.value[2])) .attr('x2', d => xScale(d.value[2])) .attr('y1', (d, i) => yScale(d.key) + yScale.bandwidth() * 0.5) .attr('y2', (d, i) => yScale(d.key) + yScale.bandwidth() * 1.3); const text = svg .append("g") .attr("fill", "black") .attr("text-anchor", "start") .attr("font-family", "sans-serif") .attr("font-size", 12); //help labels text .append('g') .selectAll("text") .data(items.slice(0, 1)) .join("text") .attr("class", "label-helper") .attr("x", d => xScale(d.value[1])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.4) .attr("dy", "0.25em") .attr("dx", 3) .text(d => 'Shift between 2020 to 2021'); text .append('g') .selectAll("text") .data(items.slice(0, 1)) .join("text") .attr("class", "label-helper") .attr("x", d => xScale(d.value[2])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.4) .attr("dy", "0.25em") .attr("dx", 3) .text(d => '(proficiency)'); //change labels text .append('g') .selectAll("text") .data(items) .join("text") .attr("class", "label") .attr("x", d => xScale(d.value[1])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.7) .attr("dy", "0.25em") .attr("dx", 3) .text(d => { const change = d.value[1] - d.value[0]; if (change > 0) { return `→${format(change * 100)}%`; } else if (change < 0) { return `←${format(change * -1 * 100)}%`; } else { return `${format(change * 100)}%`; } }) .call(text => text .filter(d => d.value[1] - d.value[0] < 0) // neg .attr("dx", -4) .attr("fill", "white") .attr("text-anchor", "end") ); svg.append('g').call(xAxis); svg.append('g').call(yAxis); return svg.node(); }30:T1017,genderChart = { const items = g_data; const margin = { top: 20, right: 20, bottom: 10, left: 100 }; const barHeight = 60; const height = Math.ceil((items.length + 0.1) * barHeight) + margin.top + margin.bottom; const svg = d3.create('svg').attr('viewBox', [0, 0, width, height]); const xScale = d3 .scaleLinear() .domain([0, .7]) .range([margin.left, width - margin.right]); const yScale = d3 .scaleBand() .domain(items.map(i => i.key)) .rangeRound([margin.top, height - margin.bottom]) .padding(0.1); const xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(xScale).ticks(width / 150, "%")) .call(g => g.select(".domain").remove()); const yAxis = g => g .attr("transform", `translate(${margin.left - 10},0)`) .call( d3 .axisLeft(yScale) .tickFormat(i => i) .tickSizeOuter(0) ) .style("font-size", "0.8rem"); const format = d3.format('.1f'); //board bar 1 svg .append('g') .attr('fill', '#c1b29b') .selectAll('rect') .data(items) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .9) .attr("width", d => xScale(d.value[0]) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //board bar 2 svg .append('g') .attr('fill', 'steelblue') .selectAll('rect') .data(items) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .5) .attr("width", d => xScale(d.value[1]) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //board bar 2 : new appoints svg .append('g') .attr('fill', '#FFDB19') .selectAll('rect') .data(g_new) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .5) .attr("width", d => xScale(d.value) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //district proficiency line svg .append('g') .attr('stroke', '#E71919') .style("stroke-width", 4) .style("stroke-opacity", 0.6) .selectAll('line') .data(items.slice(0, 2)) .join('line') .attr('x1', d => xScale(d.value[2])) .attr('x2', d => xScale(d.value[2])) .attr('y1', (d, i) => yScale(d.key) + yScale.bandwidth() * 0.5) .attr('y2', (d, i) => yScale(d.key) + yScale.bandwidth() * 1.3); const text = svg .append("g") .attr("fill", "black") .attr("text-anchor", "start") .attr("font-family", "sans-serif") .attr("font-size", 12); //help labels text .append('g') .selectAll("text") .data(items.slice(0, 1)) .join("text") .attr("class", "label-helper") .attr("x", d => xScale(d.value[1])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.4) .attr("dy", "0.25em") .attr("dx", 3) .text(d => 'Shift between 2020 to 2021'); text .append('g') .selectAll("text") .data(items.slice(1, 2)) .join("text") .attr("class", "label-helper") .attr("x", d => xScale(d.value[2])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.4) .attr("dy", "0.25em") .attr("dx", 3) .text(d => '(proficiency)'); //change labels text .append('g') .selectAll("text") .data(items) .join("text") .attr("class", "label") .attr("x", d => xScale(d.value[1])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.7) .attr("dy", "0.25em") .attr("dx", 3) .text(d => { const change = d.value[1] - d.value[0]; if (change > 0) { return `→${format(change * 100)}%`; } else if (change < 0) { return `←${format(change * -1 * 100)}%`; } else { return `${format(change * 100)}%`; } }) .call(text => text .filter(d => d.value[1] - d.value[0] < 0 && d.value[1] > 0.1) // neg .attr("dx", -4) .attr("fill", "white") .attr("text-anchor", "end") ); svg.append('g').call(xAxis); svg.append('g').call(yAxis); return svg.node(); }31:T1016,raceethChart = { const items = raceth_data; const margin = { top: 20, right: 20, bottom: 10, left: 100 }; const barHeight = 60; const height = Math.ceil((items.length + 0.1) * barHeight) + margin.top + margin.bottom; const svg = d3.create('svg').attr('viewBox', [0, 0, width, height]); const xScale = d3 .scaleLinear() .domain([0, .7]) .range([margin.left, width - margin.right]); const yScale = d3 .scaleBand() .domain(items.map(i => i.key)) .rangeRound([margin.top, height - margin.bottom]) .padding(0.1); const xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(xScale).ticks(width / 150, "%")) .call(g => g.select(".domain").remove()); const yAxis = g => g .attr("transform", `translate(${margin.left - 10},0)`) .call( d3 .axisLeft(yScale) .tickFormat(i => i) .tickSizeOuter(0) ) .style("font-size", "0.8rem"); const format = d3.format('.1f'); //board bar 1 svg .append('g') .attr('fill', '#c1b29b') .selectAll('rect') .data(items) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .9) .attr("width", d => xScale(d.value[0]) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //board bar 2 svg .append('g') .attr('fill', 'steelblue') .selectAll('rect') .data(items) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .5) .attr("width", d => xScale(d.value[1]) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //board bar 2 : new appoints svg .append('g') .attr('fill', '#FFDB19') .selectAll('rect') .data(raceth_new) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .5) .attr("width", d => xScale(d.value) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //district proficiency line svg .append('g') .attr('stroke', '#E71919') .style("stroke-width", 4) .style("stroke-opacity", 0.6) .selectAll('line') .data(items) .join('line') .attr('x1', d => xScale(d.value[2])) .attr('x2', d => xScale(d.value[2])) .attr('y1', (d, i) => yScale(d.key) + yScale.bandwidth() * 0.5) .attr('y2', (d, i) => yScale(d.key) + yScale.bandwidth() * 1.3); const text = svg .append("g") .attr("fill", "black") .attr("text-anchor", "start") .attr("font-family", "sans-serif") .attr("font-size", 12); //help labels text .append('g') .selectAll("text") .data(items.slice(1, 2)) .join("text") .attr("class", "label-helper") .attr("x", d => xScale(d.value[1])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.4) .attr("dy", "0.25em") .attr("dx", 3) .text(d => 'Shift between 2020 to 2021'); text .append('g') .selectAll("text") .data(items.slice(0, 1)) .join("text") .attr("class", "label-helper") .attr("x", d => xScale(d.value[2])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.4) .attr("dy", "0.25em") .attr("dx", 3) .text(d => '(proficiency)'); //change labels text .append('g') .selectAll("text") .data(items) .join("text") .attr("class", "label") .attr("x", d => xScale(d.value[1])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.7) .attr("dy", "0.25em") .attr("dx", 3) .text(d => { const change = d.value[1] - d.value[0]; if (change > 0) { return `→${format(change * 100)}%`; } else if (change < 0) { return `←${format(change * -1 * 100)}%`; } else { return `${format(change * 100)}%`; } }) .call(text => text .filter(d => d.value[1] - d.value[0] < 0 && d.value[1] > 0.1) // neg .attr("dx", -4) .attr("fill", "white") .attr("text-anchor", "end") ); svg.append('g').call(xAxis); svg.append('g').call(yAxis); return svg.node(); }32:Td2d,otherChart = { const items = other_data; const margin = { top: 20, right: 20, bottom: 10, left: 150 }; const barHeight = 60; const height = Math.ceil((items.length + 0.1) * barHeight) + margin.top + margin.bottom; const svg = d3.create('svg').attr('viewBox', [0, 0, width, height]); const xScale = d3 .scaleLinear() .domain([0, .7]) .range([margin.left, width - margin.right]); const yScale = d3 .scaleBand() .domain(items.map(i => i.key)) .rangeRound([margin.top, height - margin.bottom]) .padding(0.1); const xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(xScale).ticks(width / 150, "%")) .call(g => g.select(".domain").remove()); const yAxis = g => g .attr("transform", `translate(${margin.left - 10},0)`) .call( d3 .axisLeft(yScale) .tickFormat(i => i) .tickSizeOuter(0) ) .style("font-size", "0.6rem"); const format = d3.format('.1f'); //board bar 1 svg .append('g') .attr('fill', '#c1b29b') .selectAll('rect') .data(items) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .9) .attr("width", d => xScale(d.value[0]) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //board bar 2 svg .append('g') .attr('fill', 'steelblue') .selectAll('rect') .data(items) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .5) .attr("width", d => xScale(d.value[1]) - xScale(0)) .attr("height", yScale.bandwidth() * .4); //board bar 2 : new appoints svg .append('g') .attr('fill', '#FFDB19') .selectAll('rect') .data(other_new) .join('rect') .attr('x', xScale(0)) .attr('y', (d, i) => yScale(d.key) + yScale.bandwidth() * .5) .attr("width", d => xScale(d.value) - xScale(0)) .attr("height", yScale.bandwidth() * .4); const text = svg .append("g") .attr("fill", "black") .attr("text-anchor", "start") .attr("font-family", "sans-serif") .attr("font-size", 12); //help labels text .append('g') .selectAll("text") .data(items.slice(0, 1)) .join("text") .attr("class", "label-helper") .attr("x", d => xScale(d.value[1])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.4) .attr("dy", "0.25em") .attr("dx", 3) .text(d => 'Shift between 2020 to 2021'); //change labels text .append('g') .selectAll("text") .data(items) .join("text") .attr("class", "label") .attr("x", d => xScale(d.value[1])) .attr("y", (d, i) => yScale(d.key) + yScale.bandwidth() * 0.7) .attr("dy", "0.25em") .attr("dx", 3) .text(d => { const change = d.value[1] - d.value[0]; if (change > 0) { return `→${format(change * 100)}%`; } else if (change < 0) { return `←${format(change * -1 * 100)}%`; } else { return `${format(change * 100)}%`; } }) .call(text => text .filter(d => d.value[1] - d.value[0] < 0 && d.value[1] > 0.1) // neg .attr("dx", -4) .attr("fill", "white") .attr("text-anchor", "end") ); svg.append('g').call(xAxis); svg.append('g').call(yAxis); return svg.node(); }33:[] 2c:{"id":"3d166646f96bac00","slug":null,"title":"Borough Demographics compared to 2021 and 2020 Boards","thumbnail":"03c1913e9187040fb16f1e214d9e7c84a12db58f57cfb3c9bbf99d1638d8681f","access_level":"public","create_time":"$D2021-04-01T14:55:30.988Z","update_time":"$D2021-04-04T16:56:46.145Z","view_time":null,"first_public_time":"$D2021-04-01T16:32:35.033Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"16506c8d98fe0d4f","login":"zhik","name":"Zhi Keng He","avatar_url":"https://avatars-next.observableusercontent.com/1921c3cb8ffa82cde953aa4417dc8b601dbd05384629c1f8ecf0544be068a204","tier":"starter_2024"},"version":636,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"215e59083f0e53f8","login":"zhik","name":"Zhi Keng He","avatar_url":"https://avatars-next.observableusercontent.com/1921c3cb8ffa82cde953aa4417dc8b601dbd05384629c1f8ecf0544be068a204","tier":null}],"members":[{"type":"individual","id":"215e59083f0e53f8","login":"zhik","name":"Zhi Keng He","avatar_url":"https://avatars-next.observableusercontent.com/1921c3cb8ffa82cde953aa4417dc8b601dbd05384629c1f8ecf0544be068a204","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Borough Demographics compared to 2021 and 2020 Boards","cells":[{"id":0,"value":"md`# Borough Demographics compared to 2021 and 2020 Boards`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"html`\n\n

Legend

% of All Members 2021

New Appointments

2020

% of Queens Population (15+)

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":485,"value":"md`## Age`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":543,"value":"md`There were 25 Prefer Not to Answer/No responses in 2020 and 39 in 2021`","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"md`\n*Note:* Age is recorded by the Census Bureau (district data) slightly different from how board data was collected, so age categories are a year off. *(ie: 15-24 vs 16-25; 25-34 vs 26-35)*.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":488,"value":"md`## Sex/Gender`","pinned":false,"hidden":false,"mode":"ojs"},{"id":387,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":546,"value":"md`There were 85 Prefer Not to Answer/No responses in 2020 and 28 in 2021.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":492,"value":"md`\n*Note:* Gender is not recorded by the Census Bureau (borough data).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":495,"value":"md`## Race and Ethnicity`","pinned":false,"hidden":false,"mode":"ojs"},{"id":469,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":623,"value":"md`There were ? Prefer Not to Answer/No responses in 2020 and 86 in 2021.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":498,"value":"md`\n*Note1:* Both district and board data show those who identify as the race alone or in combination with one or more other races. The Latinx/Hispanic includes people of any race.\n\n*Note2*: 'Asian American' selection was not included in the 2021 survey, instead East Asian/Paific islander and South Asian was used to calcuate Asian in both 2021 and 2020 surveys.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":525,"value":"md`## Other Demographics`","pinned":false,"hidden":false,"mode":"ojs"},{"id":518,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":626,"value":"md`There were ? Prefer Not to Answer/No responses in 2020 and 86 in 2021.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":503,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":304,"value":"md`*Sources*: \n- U.S. Census Bureau - ACS 2019 (1 year estimates)\n- Queens Community Board Demographics for CY 2021 and 2020\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":507,"value":"other_new = {\n const newapp = {\n LGBTQ: 9,\n 'Person with a Disability': 4,\n 'Parent with a K-12 Child': 36,\n Immigrant: 19,\n Veteran: 3\n };\n\n const d = {\n // 2020, 2021, district (2019)\n LGBTQ: [23, 29, 0],\n 'Person with a Disability': [19, 28, 0],\n 'Parent with a K-12 Child': [47, 102, 0],\n Immigrant: [42, 70, 0],\n Veteran: [25, 33, 0]\n };\n\n const sums = [685, 700, 2625853];\n\n return Object.entries(newapp).map(([k, v]) => {\n return { key: k, value: v / sums[0] };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":508,"value":"other_data = {\n const d = {\n // 2020, 2021, district (2019)\n LGBTQ: [23, 29, 0],\n 'Person with a Disability': [19, 28, 0],\n 'Parent with a K-12 Child': [47, 102, 0],\n Immigrant: [42, 70, 0],\n Veteran: [25, 33, 0]\n };\n\n const sums = [685, 700, 2625853];\n return Object.entries(d).map(([k, v]) => {\n return { key: k, value: v.map((e, i) => e / sums[i]) };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"raceth_new = {\n const newapp = {\n White: 31,\n Black: 27,\n Native: 1,\n Asian: 27,\n 'Latinx/Hisp': 27\n };\n\n const d = {\n // 2020, 2021, district (2019)\n White: [215, 253, 876966],\n Black: [127, 141, 451839],\n Native: [6, 5, 23535],\n Asian: [60, 105, 632017],\n 'Latinx/Hisp': [59, 81, 641496]\n };\n\n const sums = [685, 700, 2625853];\n\n return Object.entries(newapp).map(([k, v]) => {\n return { key: k, value: v / sums[0] };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":459,"value":"raceth_data = {\n const d = {\n // 2020, 2021, district (2019)\n White: [215, 253, 876966],\n Black: [127, 141, 451839],\n Native: [6, 5, 23535],\n Asian: [60, 105, 632017],\n 'Latinx/Hisp': [59, 81, 641496]\n };\n\n // const sums = Object.values(d).reduce(\n // (p, c) => {\n // c.forEach((v, i) => (p[i] += v));\n // return p;\n // },\n // [0, 0, 0]\n // );\n\n const sums = [685, 700, 2625853];\n return Object.entries(d).map(([k, v]) => {\n return { key: k, value: v.map((e, i) => e / sums[i]) };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":394,"value":"g_new = {\n const newapp = {\n Male: 37,\n Female: 69,\n Transgender: 0,\n 'Gender non': 2\n };\n\n const d = {\n // 2020, 2021, district (2019)\n Male: [338, 356, 1094029],\n Female: [260, 313, 1159829],\n Transgender: [1, 0, 0],\n 'Gender non': [1, 3, 0],\n // 'No Response': [137, 28, 0]\n };\n\n const sums = Object.values(d).reduce(\n (p, c) => {\n c.forEach((v, i) => (p[i] += v));\n return p;\n },\n [0, 0, 0]\n );\n\n return Object.entries(newapp).map(([k, v]) => {\n return { key: k, value: v / sums[0] };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":434,"value":"g_data = {\n const d = {\n // 2020, 2021, district (2019)\n Male: [338, 356, 1094029],\n Female: [260, 313, 1159829],\n Transgender: [1, 0, 0],\n 'Gender non': [1, 3, 0],\n // 'No Response': [137, 28, 0]\n };\n\n const sums = Object.values(d).reduce(\n (p, c) => {\n c.forEach((v, i) => (p[i] += v));\n return p;\n },\n [0, 0, 0]\n );\n\n return Object.entries(d).map(([k, v]) => {\n return { key: k, value: v.map((e, i) => e / sums[i]) };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"data = ({\n // 2020, 2021, district (2019)\n '16-25': [12, 23, 240072],\n '26-35': [64, 71, 360026],\n '36-45': [88, 113, 306325],\n '46-55': [113, 105, 298548],\n '56-65': [142, 134, 300340],\n '66-75': [149, 127, 207989],\n '76-85': [78, 73, 109129],\n '86+': [14, 15, 51342]\n // 'No Response': [76, 49, 0]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":346,"value":"p_new = {\n const newapp = {\n '16-25': 17,\n '26-35': 34,\n '36-45': 36,\n '46-55': 17,\n '56-65': 7,\n '66-75': 2,\n '76-85': 1,\n '86+': 0\n };\n\n const sums = Object.values(data).reduce(\n (p, c) => {\n c.forEach((v, i) => (p[i] += v));\n return p;\n },\n [0, 0, 0]\n );\n\n return Object.entries(newapp).map(([k, v]) => {\n return { key: k, value: v / sums[0] };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"p_data = {\n const sums = Object.values(data).reduce(\n (p, c) => {\n c.forEach((v, i) => (p[i] += v));\n return p;\n },\n [0, 0, 0]\n );\n console.log(sums);\n return Object.entries(data).map(([k, v]) => {\n return { key: k, value: v.map((e, i) => e / sums[i]) };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2d:"$2c:body"