42:null 43:["$","title",null,{"children":"2020 Presidential Election in Chicago | Hugh | Observable"}] 49:T645,svgPrecincts = function(chicagoPrecincts, wardPrecinctCandidateMatrix, colorInterpolator){ const height = 1.3 * width; const projection = d3.geoMercator() .center([41.8781, -87.6298]) .fitSize([width, height], chicagoPrecincts); const pathGenerator = d3.geoPath() .projection(projection); const svg = d3.create('svg') .attr("viewBox", [0, 0, width, height]); const g = svg.append('g') .selectAll('path') .data(chicagoPrecincts.features) .enter() .append('path') .attr('d', pathGenerator) .attr("fill", d => { const ward = d.properties.ward; const precinct = d.properties.precinct; const dem = wardPrecinctCandidateMatrix[ward][precinct][0]; const sum = wardPrecinctCandidateMatrix[ward][precinct].reduce((acc, cur) => acc + cur); return sum == 0 ? 'none' : colorInterpolator(dem / sum); }) .append('title') .text(d => { const ward = d.properties.ward; const precinct = d.properties.precinct; const dem = wardPrecinctCandidateMatrix[ward][precinct][0]; const gop = wardPrecinctCandidateMatrix[ward][precinct][1]; const sum = wardPrecinctCandidateMatrix[ward][precinct].reduce((acc, cur) => acc + cur); return 'Ward: ' + ward + '\n' + 'Precinct: ' + precinct + '\n' + 'Votes: ' + sum + '\n' + 'Democratic: ' + dem + ' (' + d3.format('.1%')(dem / sum) + ')' + '\n' + 'Republican: ' + gop + ' (' + d3.format('.1%')(gop / sum) + ')' }); return svg.node(); }4a:T542,svgWards = function(chicagoWards, wardCandidateMatrix, colorInterpolator){ const height = 1.3 * width; const projection = d3.geoMercator() .center([41.8781, -87.6298]) .fitSize([width, height], chicagoWards); const pathGenerator = d3.geoPath() .projection(projection); const svg = d3.create('svg') .attr("viewBox", [0, 0, width, height]); const g = svg.append('g') .selectAll('path') .data(chicagoWards.features) .enter() .append('path') .attr('d', pathGenerator) .attr("fill", d => { const ward = d.properties.ward; const dem = wardCandidateMatrix[ward][0]; const sum = wardCandidateMatrix[ward].reduce((acc, cur) => acc + cur); return sum == 0 ? 'none' : colorInterpolator(dem / sum); }) .append('title') .text(d => { const ward = d.properties.ward; const dem = wardCandidateMatrix[ward][0]; const gop = wardCandidateMatrix[ward][1]; const sum = wardCandidateMatrix[ward].reduce((acc, cur) => acc + cur); return 'Ward: ' + ward + '\n' + 'Votes: ' + sum + '\n' + 'Democratic: ' + dem + ' (' + d3.format('.1%')(dem / sum) + ')' + '\n' + 'Republican: ' + gop + ' (' + d3.format('.1%')(gop / sum) + ')' }); return svg.node(); }4b:[] 47:{"id":"ac412164e9691cb0","slug":"2020-presidential-election-in-chicago","title":"2020 Presidential Election in Chicago","thumbnail":"b434abbd217562158df42d74ea81fb8ae019e41e87b690a2d70ff14a196fb1f6","access_level":"public","create_time":"$D2020-11-08T19:17:02.603Z","update_time":"$D2024-11-06T20:23:51.126Z","view_time":null,"first_public_time":"$D2020-11-21T14:19:09.665Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"19d63ba1bb706983","login":"hughdevlin","name":"Hugh","avatar_url":"https://avatars-next.observableusercontent.com/3855a0736872056a5d9935eac93135690611be581eecc094283af2704b215a2b","tier":"starter_2024","bio":"","following":false},"version":714,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ee6e4e8d8597a695","login":"hughdevlin","name":"Hugh","avatar_url":"https://avatars-next.observableusercontent.com/3855a0736872056a5d9935eac93135690611be581eecc094283af2704b215a2b","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"ee6e4e8d8597a695","login":"hughdevlin","name":"Hugh","avatar_url":"https://avatars-next.observableusercontent.com/3855a0736872056a5d9935eac93135690611be581eecc094283af2704b215a2b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"0f6027212426cec8","slug":"elections","title":"Elections","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"type":"notebook","body":{"titling":"auto","title":"2020 Presidential Election in Chicago","cells":[{"id":0,"value":"md`# 2020 Presidential Election in Chicago`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":488,"value":"md `## Precincts`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":657,"value":"html `

${percentDemocraticLegend}

${svgPrecincts(chicagoPrecincts, wardPrecinctCandidateMatrix, colorInterpolator)}

${svgWards(chicagoWards, wardCandidateMatrix, colorInterpolator)}

${percentDemocraticLegend}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":564,"value":"table(wardCandidateTableData, {\n sortable: true,\n style: 'compact',\n paged: 100,\n columns: {\n ward: {},\n alderman: {},\n total: {},\n democratic: {},\n percentDemocratic: {\n title: '% DEM',\n formatter(val) {\n return (100.0 * val).toFixed(1) + '%';\n } \n },\n republican: {},\n percentRepublican: {\n title: '% GOP',\n formatter(val) {\n return (100.0 * val).toFixed(1) + '%';\n } \n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"md `## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"md ` Live results from the Chicago Board of Elections Commissioners`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"proxyUrl = \"https://cors-anywhere.herokuapp.com/\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"electionsResultUrl = \"https://chicagoelections.gov/en/data-export.asp?election=251&race=11\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"doc = d3.html(proxyUrl + electionsResultUrl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"md `### Parsing`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":463,"value":"candidates = parseCandidates(doc)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":438,"value":"wardPrecinctCandidateMatrix = parseElectionResult(doc);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":611,"value":"md `### Data preparation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":459,"value":"wardPrecinctTable = flatten(wardPrecinctCandidateMatrix, candidates)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":466,"value":"wardPrecinctTableData = wardPrecinctTable.map(precinct => {\n return {\n ward: precinct.ward,\n precinct: precinct.precinct,\n total: precinct.total,\n democratic: precinct['Joseph R. Biden and Kamala D. Harris'],\n republican: precinct['Donald J. Trump and Michael R. Pence'],\n percentDemocratic: precinct['Joseph R. Biden and Kamala D. Harris'] / precinct.total\n };\n}) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"wardCandidateMatrix = wardPrecinctCandidateMatrix.map(ward => {\n function transpose(matrix) {\n return matrix[0].map((_, i) => matrix.map(row => row[i]));\n }\n \n ward = ward.filter(precinct => precinct); // given an empty array, returns an empty array\n return ward ? transpose(ward).map(candidate => candidate.reduce((acc, cur) => acc + cur)) : ward;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"wardCandidateTableData = wardCandidateMatrix.filter(ward => ward).map((ward, i) => {\n const total = ward.reduce((acc, cur) => acc + cur);\n return {\n ward: i + 1,\n alderman: aldermen[i].alderman,\n total: total,\n democratic: ward[0],\n republican: ward[1],\n percentDemocratic: ward[0] / total,\n percentRepublican: ward[1] / total\n };\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"md `### GeoJson and alderman data from City of Chicago Socrata Data Portal`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":498,"value":"chicagoWards = d3.json(\"https://data.cityofchicago.org/api/geospatial/sp34-6z76?method=export&format=GeoJSON\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"chicagoPrecincts = d3.json(\"https://data.cityofchicago.org/api/geospatial/uvpq-qeeq?method=export&format=GeoJSON\")\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":575,"value":"aldermen = d3.json(\"https://data.cityofchicago.org/resource/htai-wnw4.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":649,"value":"md `### SVG maps `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":643,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"colorInterpolator = d3.interpolateRdBu;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":652,"value":"percentDemocraticLegend = legend({\n color: d3.scaleSequential(colorInterpolator),\n title: 'Percent Democratic',\n width: 0.9 * width,\n tickFormat: \"%\"\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":310,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"md `## Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"import {table} from \"@tmcw/tables\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"import {parseElectionResult, parseCandidates, flatten} from \"@hughdevlin/chicago-board-of-elections\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"import {assertEqual} from '@ariofrio/assert'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"import {fetchp} from '@tomlarkworthy/fetchp'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"md `## License`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"html `\n

This work by Hugh J Devlin CC BY 4.0