31:T14a4,viewof mapData = { let container = html`

${mapStyles}

`; let mapContainer = html`

`; let legend = html`

2020 Election, Chicago Results

${ELECTIONS[primaryElection].label}

${ELECTIONS[primaryElection].races[primaryRace]}

0% ${dataDomain[1].toFixed(0)}%

${getDataCols(csvData[0]) .filter(c => !LEGEND_HIDE.includes(c)) .map(c => c.replace(" Percent", "")) .map( (candidate, idx) => html`

${ candidate in DISPLAY_OVERRIDE ? DISPLAY_OVERRIDE[candidate] : candidate }

` )}

`; container.appendChild(mapContainer); container.appendChild(legend); yield container; let mapData = {}; let map = new mapboxgl.Map({ container: mapContainer, center: [-87.6597, 41.83], minZoom: 9, maxZoom: 17, zoom: 9.25, style: 'https://raw.githubusercontent.com/City-Bureau/chi-2019-runoff-maps/master/maps/style.json' }); const popupContent = feat => { const featData = csvDataMap[feat.properties.id]; const dataCols = getDataCols(featData); const candidateData = dataCols.map(c => ({ label: c.replace(" Percent", ""), value: featData[c] })); const sortedData = candidateData.sort((a, b) => d3.descending(a.value, b.value) ); return `

Ward ${featData.ward}, Precinct ${featData.precinct}

${sortedData .map( ({ label, value }) => `

${ label in DISPLAY_OVERRIDE ? DISPLAY_OVERRIDE[label] : label }: ${value}%, ${featData[label].toLocaleString()}

` ) .join(``)} `; }; map.once('styledata', () => { map.addControl(new mapboxgl.NavigationControl({ showCompass: false })); map.addControl(new mapboxgl.FullscreenControl({ container })); map.removeLayer("precincts"); map.removeSource("precincts"); map.addSource("precincts", { type: "vector", maxzoom: 11, tiles: [ "https://city-bureau-projects.s3.amazonaws.com/chicago-2020-primary-election/tiles/precincts/{z}/{x}/{y}.pbf" ], attribution: "Chicago Board of Election Commissioners" }); map.addLayer( { id: "precincts", source: "precincts", "source-layer": "precincts", type: "fill", filter: filterExpression, paint: { "fill-outline-color": [ "case", ["boolean", ["feature-state", "hover"], false], "rgba(0,0,0,0.7)", "rgba(150,150,150,0.4)" ], "fill-color": dataJoinExpression } }, "wards" ); let hoverPopup = new mapboxgl.Popup({ closeButton: false, closeOnClick: false }); let clickPopup = new mapboxgl.Popup({ closeButton: true, closeOnClick: true }); const removePopup = popup => { map.getCanvas().style.cursor = ""; popup.remove(); }; const handleFeaturesHover = features => { if (mapData.activeFeat && mapData.activeFeat.id) { map.setFeatureState( { source: "precincts", sourceLayer: "precincts", id: mapData.activeFeat.id }, { hover: false } ); mapData.activeFeat = {}; } if (features.length > 0) { map.setFeatureState( { source: "precincts", sourceLayer: "precincts", id: features[0].id }, { hover: true } ); mapData.activeFeat = features[0]; } container.value = mapData; container.dispatchEvent(new CustomEvent("input")); }; handleFeaturesHover([]); function onMouseMove(e) { const features = map.queryRenderedFeatures(e.point, { layers: ['precincts'] }); handleFeaturesHover(features); if (features.length > 0 && !clickPopup.isOpen()) { map.getCanvas().style.cursor = "pointer"; if (window.innerWidth >= 600) { hoverPopup .setLngLat(e.lngLat) .setHTML(popupContent(features[0])) .addTo(map); } } else { removePopup(hoverPopup); } } function onMouseOut(e) { handleFeaturesHover([]); removePopup(hoverPopup); } function onMapClick(e) { const features = map.queryRenderedFeatures(e.point, { layers: ['precincts'] }); handleFeaturesHover(features); if (features.length > 0) { map.getCanvas().style.cursor = "pointer"; clickPopup .setLngLat(e.lngLat) .setHTML(popupContent(features[0])) .addTo(map); } } map.on("mousemove", "precincts", onMouseMove); map.on("mouseout", "precincts", onMouseOut); map.on("click", "precincts", onMapClick); }); invalidation.then(() => map.remove()); }32:T7f5,mapStyles = html` `33:T3fec,ELECTIONS = ({ "230": { label: "Democratic Primary", races: { "0": "Registered Voters/Ballots/Turnout", "100": "President, U.S.", "101": "Senator, U.S.", "102": "U.S. Representative, 1st District", "103": "U.S. Representative, 2nd District", "104": "U.S. Representative, 3rd District", "105": "U.S. Representative, 4th District", "106": "U.S. Representative, 5th District", "108": "U.S. Representative, 7th District", "110": "U.S. Representative, 9th District", "113": "Delegate, National Convention 1st DEM", "114": "Delegate, National Convention 2nd DEM", "115": "Delegate, National Convention 3rd DEM", "116": "Delegate, National Convention 4th DEM", "117": "Delegate, National Convention 5th DEM", "119": "Delegate, National Convention 7th DEM", "121": "Delegate, National Convention 9th DEM", "124": "State Senator, 1st District 4yr", "125": "State Senator, 4th District 4yr", "126": "State Senator, 7th District 4yr", "127": "State Senator, 10th District 4yr", "128": "State Senator, 11th District 2yr", "129": "State Senator, 13th District 4yr", "130": "State Senator, 16th District 4yr", "134": "State Senator, 28th District 4yr", "136": "State Representative, 1st District", "137": "State Representative, 2nd District", "138": "State Representative, 3rd District", "139": "State Representative, 4th District", "140": "State Representative, 5th District", "141": "State Representative, 6th District", "143": "State Representative, 8th District", "144": "State Representative, 9th District", "145": "State Representative, 10th District", "146": "State Representative, 11th District", "147": "State Representative, 12th District", "148": "State Representative, 13th District", "149": "State Representative, 14th District", "150": "State Representative, 15th District", "151": "State Representative, 16th District", "154": "State Representative, 19th District", "155": "State Representative, 20th District", "156": "State Representative, 21st District", "157": "State Representative, 22nd District", "158": "State Representative, 23rd District", "159": "State Representative, 24th District", "160": "State Representative, 25th District", "161": "State Representative, 26th District", "162": "State Representative, 27th District", "163": "State Representative, 28th District", "164": "State Representative, 29th District", "166": "State Representative, 31st District", "167": "State Representative, 32nd District", "168": "State Representative, 33rd District", "169": "State Representative, 34th District", "170": "State Representative, 35th District", "171": "State Representative, 36th District", "174": "State Representative, 39th District", "175": "State Representative, 40th District", "185": "State Representative, 55th District", "191": "State Representative, 78th District", "194": "Commissioner, Water Reclamation Dist", "195": "State's Attorney, Cook County", "196": "Clerk of the Circuit Court, Cook County", "197": "Board of Review, 1st District", "198": "Supreme Court Judge (Vacancy of Freeman)", "199": "Appellate Court Judge (Vacancy of Neville, Jr.)", "200": "Appellate Court Judge (Vacancy of Simon)", "201": "Circuit Court Judge (Vacancy of Bellows)", "202": "Circuit Court Judge (Vacancy of Coghlan)", "203": "Circuit Court Judge (Vacancy of Ford)", "204": "Circuit Court Judge (Vacancy of Funderburk)", "205": "Circuit Court Judge (Vacancy of Larsen)", "206": "Circuit Court Judge (Vacancy of Mason)", "207": "Circuit Court Judge (Vacancy of McCarthy)", "208": "Circuit Court Judge (Vacancy of Murphy Gorman)", "209": "Circuit Court Judge (Vacancy of O'Brien)", "210": "Circuit Court Judge (Vacancy of Patti)", "211": "Circuit Court Judge (Vacancy of Roti)", "212": "Circuit Court Judge (Vacancy of C. Sheehan)", "213": "Circuit Court Judge (Vacancy of K. Sheehan)", "214": "Judge, 1st Subcircuit (Vacancy of Hughes Brooks)", "215": "Judge, 1st Subcircuit (Vacancy of Crawford)", "216": "Judge, 2nd Subcircuit (Additional Judgeship A)", "217": "Judge, 3rd Subcircuit (Vacancy of Filan)", "218": "Judge, 3rd Subcircuit (Vacancy of Flynn)", "219": "Judge, 3rd Subcircuit (Vacancy of Murphy)", "220": "Judge, 6th Subcircuit (Vacancy of Nega)", "221": "Judge, 6th Subcircuit (Vacancy of Pantle)", "222": "Judge, 7th Subcircuit (Vacancy of Jackson)", "223": "Judge, 8th Subcircuit (Vacancy of Fleming)", "224": "Judge, 8th Subcircuit (Vacancy of Gubin)", "225": "Judge, 9th Subcircuit (Vacancy of Axelrood)", "226": "Judge, 9th Subcircuit (Vacancy of Luckman)", "227": "Judge, 10th Subcircuit (Vacancy of Allen)", "228": "Judge, 10th Subcircuit (Vacancy of McGing)", "229": "Judge, 10th Subcircuit (Vacancy of O'Brien)", "232": "Judge, 14th Subcircuit (Vacancy of Bertucci)", "233": "Judge, 14th Subcircuit (Vacancy of Lacy)", "235": "Ward Committeeperson, Dem 1st", "236": "Ward Committeeperson, Dem 2nd", "237": "Ward Committeeperson, Dem 3rd", "238": "Ward Committeeperson, Dem 4th", "239": "Ward Committeeperson, Dem 5th", "240": "Ward Committeeperson, Dem 6th", "241": "Ward Committeeperson, Dem 7th", "242": "Ward Committeeperson, Dem 8th", "243": "Ward Committeeperson, Dem 9th", "244": "Ward Committeeperson, Dem 10th", "245": "Ward Committeeperson, Dem 11th", "246": "Ward Committeeperson, Dem 12th", "247": "Ward Committeeperson, Dem 13th", "248": "Ward Committeeperson, Dem 14th", "249": "Ward Committeeperson, Dem 15th", "250": "Ward Committeeperson, Dem 16th", "251": "Ward Committeeperson, Dem 17th", "252": "Ward Committeeperson, Dem 18th", "253": "Ward Committeeperson, Dem 19th", "254": "Ward Committeeperson, Dem 20th", "255": "Ward Committeeperson, Dem 21st", "256": "Ward Committeeperson, Dem 22nd", "257": "Ward Committeeperson, Dem 23rd", "258": "Ward Committeeperson, Dem 24th", "259": "Ward Committeeperson, Dem 25th", "260": "Ward Committeeperson, Dem 26th", "261": "Ward Committeeperson, Dem 27th", "262": "Ward Committeeperson, Dem 28th", "263": "Ward Committeeperson, Dem 29th", "264": "Ward Committeeperson, Dem 30th", "265": "Ward Committeeperson, Dem 31st", "266": "Ward Committeeperson, Dem 32nd", "267": "Ward Committeeperson, Dem 33rd", "268": "Ward Committeeperson, Dem 34th", "269": "Ward Committeeperson, Dem 35th", "270": "Ward Committeeperson, Dem 36th", "271": "Ward Committeeperson, Dem 37th", "272": "Ward Committeeperson, Dem 38th", "273": "Ward Committeeperson, Dem 39th", "274": "Ward Committeeperson, Dem 40th", "275": "Ward Committeeperson, Dem 41st", "276": "Ward Committeeperson, Dem 42nd", "277": "Ward Committeeperson, Dem 43rd", "278": "Ward Committeeperson, Dem 44th", "279": "Ward Committeeperson, Dem 45th", "280": "Ward Committeeperson, Dem 46th", "281": "Ward Committeeperson, Dem 47th", "282": "Ward Committeeperson, Dem 48th", "283": "Ward Committeeperson, Dem 49th", "284": "Ward Committeeperson, Dem 50th" } }, "240": { label: "Republican Primary", races: { "0": "Registered Voters/Ballots/Turnout", "285": "President, U.S.", "286": "Senator, U.S.", "287": "U.S. Representative, 1st District", "288": "U.S. Representative, 2nd District", "289": "U.S. Representative, 3rd District", "290": "U.S. Representative, 4th District", "291": "U.S. Representative, 5th District", "293": "U.S. Representative, 7th District", "295": "U.S. Representative, 9th District", "298": "Delegate, National Convention 1st REP", "299": "Alternate Delegate, Natl Conv 1st REP", "300": "Delegate, National Convention 2nd REP", "301": "Alternate Delegate, Natl Conv 2nd REP", "302": "Delegate, National Convention 3rd REP", "303": "Alternate Delegate, Natl Conv 3rd REP", "304": "Delegate, National Convention 4th REP", "305": "Alternate Delegate, Natl Conv 4th REP", "306": "Delegate, National Convention 5th REP", "307": "Alternate Delegate, Natl Conv 5th REP", "310": "Delegate, National Convention 7th REP", "311": "Alternate Delegate, Natl Conv 7th REP", "314": "Delegate, National Convention 9th REP", "315": "Alternate Delegate, Natl Conv 9th REP", "320": "State Senator, 1st District 4yr", "321": "State Senator, 4th District 4yr", "322": "State Senator, 7th District 4yr", "323": "State Senator, 10th District 4yr", "324": "State Senator, 11th District 2yr", "325": "State Senator, 13th District 4yr", "326": "State Senator, 16th District 4yr", "330": "State Senator, 28th District 4yr", "332": "State Representative, 1st District", "333": "State Representative, 2nd District", "334": "State Representative, 3rd District", "335": "State Representative, 4th District", "336": "State Representative, 5th District", "337": "State Representative, 6th District", "339": "State Representative, 8th District", "340": "State Representative, 9th District", "341": "State Representative, 10th District", "342": "State Representative, 11th District", "343": "State Representative, 12th District", "344": "State Representative, 13th District", "345": "State Representative, 14th District", "346": "State Representative, 15th District", "347": "State Representative, 16th District", "350": "State Representative, 19th District", "351": "State Representative, 20th District", "352": "State Representative, 21st District", "353": "State Representative, 22nd District", "354": "State Representative, 23rd District", "355": "State Representative, 24th District", "356": "State Representative, 25th District", "357": "State Representative, 26th District", "358": "State Representative, 27th District", "359": "State Representative, 28th District", "360": "State Representative, 29th District", "362": "State Representative, 31st District", "363": "State Representative, 32nd District", "364": "State Representative, 33rd District", "365": "State Representative, 34th District", "366": "State Representative, 35th District", "367": "State Representative, 36th District", "370": "State Representative, 39th District", "371": "State Representative, 40th District", "381": "State Representative, 55th District", "387": "State Representative, 78th District", "390": "Commissioner, Water Reclamation Dist", "391": "State's Attorney, Cook County", "392": "Clerk of the Circuit Court, Cook County", "393": "Board of Review, 1st District", "394": "Supreme Court Judge (Vacancy of Freeman)", "395": "Appellate Court Judge (Vacancy of Neville, Jr.)", "396": "Appellate Court Judge (Vacancy of Simon)", "397": "Circuit Court Judge (Vacancy of Bellows)", "398": "Circuit Court Judge (Vacancy of Coghlan)", "399": "Circuit Court Judge (Vacancy of Ford)", "400": "Circuit Court Judge (Vacancy of Funderburk)", "401": "Circuit Court Judge (Vacancy of Larsen)", "402": "Circuit Court Judge (Vacancy of Mason)", "403": "Circuit Court Judge (Vacancy of McCarthy)", "404": "Circuit Court Judge (Vacancy of Murphy Gorman)", "405": "Circuit Court Judge (Vacancy of O'Brien)", "406": "Circuit Court Judge (Vacancy of Patti)", "407": "Circuit Court Judge (Vacancy of Roti)", "408": "Circuit Court Judge (Vacancy of C. Sheehan)", "409": "Circuit Court Judge (Vacancy of K. Sheehan)", "410": "Judge, 1st Subcircuit (Vacancy of Hughes Brooks)", "411": "Judge, 1st Subcircuit (Vacancy of Crawford)", "412": "Judge, 2nd Subcircuit (Additional Judgeship A)", "413": "Judge, 3rd Subcircuit (Vacancy of Filan)", "414": "Judge, 3rd Subcircuit (Vacancy of Flynn)", "415": "Judge, 3rd Subcircuit (Vacancy of Murphy)", "416": "Judge, 6th Subcircuit (Vacancy of Nega)", "417": "Judge, 6th Subcircuit (Vacancy of Pantle)", "418": "Judge, 7th Subcircuit (Vacancy of Jackson)", "419": "Judge, 8th Subcircuit (Vacancy of Fleming)", "420": "Judge, 8th Subcircuit (Vacancy of Gubin)", "421": "Judge, 9th Subcircuit (Vacancy of Axelrood)", "422": "Judge, 9th Subcircuit (Vacancy of Luckman)", "423": "Judge, 10th Subcircuit (Vacancy of Allen)", "424": "Judge, 10th Subcircuit (Vacancy of McGing)", "425": "Judge, 10th Subcircuit (Vacancy of O'Brien)", "428": "Judge, 14th Subcircuit (Vacancy of Bertucci)", "429": "Judge, 14th Subcircuit (Vacancy of Lacy)", "431": "Ward Committeeperson, Rep 1st", "432": "Ward Committeeperson, Rep 2nd", "433": "Ward Committeeperson, Rep 3rd", "434": "Ward Committeeperson, Rep 4th", "435": "Ward Committeeperson, Rep 5th", "436": "Ward Committeeperson, Rep 6th", "437": "Ward Committeeperson, Rep 7th", "438": "Ward Committeeperson, Rep 8th", "439": "Ward Committeeperson, Rep 9th", "440": "Ward Committeeperson, Rep 10th", "441": "Ward Committeeperson, Rep 11th", "442": "Ward Committeeperson, Rep 12th", "443": "Ward Committeeperson, Rep 13th", "444": "Ward Committeeperson, Rep 14th", "445": "Ward Committeeperson, Rep 15th", "446": "Ward Committeeperson, Rep 16th", "447": "Ward Committeeperson, Rep 17th", "448": "Ward Committeeperson, Rep 18th", "449": "Ward Committeeperson, Rep 19th", "450": "Ward Committeeperson, Rep 20th", "451": "Ward Committeeperson, Rep 21st", "452": "Ward Committeeperson, Rep 22nd", "453": "Ward Committeeperson, Rep 23rd", "454": "Ward Committeeperson, Rep 24th", "455": "Ward Committeeperson, Rep 25th", "456": "Ward Committeeperson, Rep 26th", "457": "Ward Committeeperson, Rep 27th", "458": "Ward Committeeperson, Rep 28th", "459": "Ward Committeeperson, Rep 29th", "460": "Ward Committeeperson, Rep 30th", "461": "Ward Committeeperson, Rep 31st", "462": "Ward Committeeperson, Rep 32nd", "463": "Ward Committeeperson, Rep 33rd", "464": "Ward Committeeperson, Rep 34th", "465": "Ward Committeeperson, Rep 35th", "466": "Ward Committeeperson, Rep 36th", "467": "Ward Committeeperson, Rep 37th", "468": "Ward Committeeperson, Rep 38th", "469": "Ward Committeeperson, Rep 39th", "470": "Ward Committeeperson, Rep 40th", "471": "Ward Committeeperson, Rep 41st", "472": "Ward Committeeperson, Rep 42nd", "473": "Ward Committeeperson, Rep 43rd", "474": "Ward Committeeperson, Rep 44th", "475": "Ward Committeeperson, Rep 45th", "476": "Ward Committeeperson, Rep 46th", "477": "Ward Committeeperson, Rep 47th", "478": "Ward Committeeperson, Rep 48th", "479": "Ward Committeeperson, Rep 49th", "480": "Ward Committeeperson, Rep 50th" } }, "250": { label: "Nonpartisan Primary", races: { "0": "Registered Voters/Ballots/Turnout", "524": "Bronzeville Senior Center W3P02", "525": "Bronzeville Senior Center W3P07", "526": "Bronzeville Senior Center W3P08", "527": "Bronzeville Senior Center W3P18", "528": "Bronzeville Senior Center W3P23", "529": "Bronzeville Senior Center W3P24", "530": "Bronzeville Senior Center W3P28", "531": "Bronzeville Senior Center W3P29", "532": "Bronzeville Senior Center W3P37", "533": "Bronzeville Senior Center W3P38" } } })34:[] 2f:{"title":"How Chicago Voted in the Illinois 2020 Primary","cells":[{"id":0,"value":"md`# How Chicago Voted in the Illinois 2020 Primary\n\n_Data last updated: ${LAST_UPDATED.toLocaleDateString(undefined, {\n month: \"long\",\n day: \"numeric\",\n year: \"numeric\"\n})}_\n\nThe [Chicago Board of Election Commissioners](https://chicagoelections.gov/) publishes precinct-level election results for the city of Chicago on their site. We've mapped those results (last accessed on ${LAST_UPDATED.toLocaleDateString(\n undefined,\n {\n month: \"long\",\n day: \"numeric\",\n year: \"numeric\"\n }\n)}) for every race in Illinois's March 17, 2020 primary here.\n\nUse the select boxes to select which races to display on the map. \n\nSee the code used to generate the data in our GitHub repo: [City-Bureau/chicago-2020-primary-election](https://github.com/City-Bureau/chicago-2020-primary-election)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":238,"value":"viewof primaryElection = select({\n title: \"Election\",\n options: Object.entries(ELECTIONS).map(([value, { label }]) => ({\n value,\n label\n })),\n value: params.get(\"election\") || \"230\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"viewof primaryRace = select({\n title: \"Race\",\n options: Object.entries(ELECTIONS[primaryElection].races).map(\n ([value, label]) => ({\n value,\n label\n })\n ),\n value: params.get(\"race\") || \"100\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":426,"value":"{\n let inputEl = html``;\n\n function copy() {\n const el = document.getElementById(\"share-link\");\n el.select();\n try {\n return document.execCommand(\"copy\");\n } catch (err) {\n return false;\n }\n }\n\n let buttonEl = Object.assign(html`