31:T485,povertyMap = { const svg = d3.create("svg").attr("viewBox", [0, 0, 800, 430]); // Choropleth shapes svg .append("g") .selectAll("path") .data(data) .join("path") .attr("fill-opacity", "0.7") .attr("fill", d => color(pctChange(d))) .attr("d", path); // Community area outlines svg .append("g") .selectAll("path") .data(ChicagoCommunityAreaPovertyGeoJSON) .join("path") .attr("fill", "none") .attr("stroke", "#666666") .attr("stroke-width", ".5") .attr("stroke-linecap", "round") .attr("d", path); // Legend svg .append("g") .attr("transform", "translate(500,50),scale(1.15)") .append(() => legend({ color: color, ticks: 6, tickValues: [pctChange(maxLoss), 0, pctChange(maxGain)], tickFormat: d => { if (d < 0) { return `${d3.format(".0f")(parseFloat(d) * -100)}% loss`; } if (d > 0) { return `${d3.format(".1f")(parseFloat(d))}x gain`; } return d; }, title: `Population change`, width: 120 }) ); return svg.node(); }32:[] 2f:{"title":"Relative change in Chicago community areas, 1980 to 2014-2018","cells":[{"id":0,"value":"md`# Relative change in Chicago community areas, 1980 to 2014-2018\n\nUses U.S. Census data collected and rolled up to community area by Rob Paral. It includes both decennial census counts (for 2000 and before) and American Community Survey estimates.\n\nUsed for The Chicago Reporter's story, [Is Lightfoot's war on poverty too late to stop Chicago’s black exodus?](https://www.chicagoreporter.com/is-lightfoots-war-on-poverty-too-late-to-stop-chicagos-black-exodus/) by Josh McGhee (@thevoiceofjosh).\n\nSelect the before and after time ranges below:\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":250,"value":"viewof changeRange = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":296,"value":"function pctChange(d) {\n const old = d.properties.census.get(\"Total\")[0][\"years\"][changeRange.start];\n const newval = d.properties.census.get(\"Total\")[0][\"years\"][changeRange.end];\n return (newval - old) / old;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":89,"value":"color = d3\n .scaleDivergingPow()\n .domain([pctChange(maxLoss), 0, pctChange(maxGain)])\n .interpolator(d3.interpolateRgbBasis(['#E6AD53', 'lightyellow', '#7DC1FF']))\n .exponent(1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":340,"value":"maxLoss = d3.least(data, community => pctChange(community))","pinned":true,"hidden":false,"mode":"ojs"},{"id":346,"value":"maxGain = d3.greatest(data, community => pctChange(community))","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"projection = d3\n .geoMercator()\n .center([-87.5, 41.84])\n .scale(37000)","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"md`## Data\n\nO'Hare doesn't have census data, so we keep a copy of the geo data with O'Hare for drawing boundaries and one with it filtered out for visualization of trends.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"data = ChicagoCommunityAreaPovertyGeoJSON.filter(c => c.properties.census)","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"timePeriods = [\n \"1980\",\n \"1990\",\n \"2000\",\n \"2008-2012\",\n \"2009-2013\",\n \"2010-2014\",\n \"2011-2015\",\n \"2012-2016\",\n \"2013-2017\",\n \"2014-2018\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":399,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"import { ChicagoCommunityAreaPovertyGeoJSON } from \"@chicagoreporter/paral-chicago-community-area-census-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":299,"value":"import { form } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"d3 = require(\"d3@5\", \"d3-array\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}