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

${mapStyles}

`; let mapContainer = html`

`; let legend = html`

2020 Election

Cook County Results

${ELECTIONS.races[election]}

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

${ +election >= 103 && +election <= 164 ? `Based on 60% threshold for retention` : `` } ${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 }

` )}

Unofficial results as of ${LAST_UPDATED.toLocaleDateString( undefined, { month: "long", day: "numeric", year: "numeric" } )}

`; container.appendChild(mapContainer); container.appendChild(legend); yield container; let mapData = {}; let map = new mapboxgl.Map({ container: mapContainer, center: [-87.8, 41.83], minZoom: 8, maxZoom: 17, zoom: 8, 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) ); const title = featData.ward !== "" ? `${featData.township} Ward ${featData.ward}, Precinct ${featData.precinct}` : `${featData.township} Precinct ${featData.precinct}`; return `

${title}

${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/cook-2020-general-election/tiles/precincts/{z}/{x}/{y}.pbf" ], attribution: "Chicago Board of Election Commissioners, Cook County Clerk" }); 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.1)" ], "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:T88f,mapStyles = html` `33:T100f,ELECTION_OPTIONS = [ ["0", "Turnout"], ["10", "Proposed Amendment to the Illinois Constitution"], ["11", "President & Vice President, U.S."], ["12", "Senator, U.S."], ["13", "U.S. Representative, 1st District"], ["14", "U.S. Representative, 2nd District"], ["15", "U.S. Representative, 3rd District"], ["16", "U.S. Representative, 4th District"], ["17", "U.S. Representative, 5th District"], ["918", "U.S. Representative, 6th District"], ["18", "U.S. Representative, 7th District"], ["920", "U.S. Representative, 8th District"], ["19", "U.S. Representative, 9th District"], ["922", "U.S. Representative, 10th District"], ["923", "U.S. Representative, 11th District"], ["24", "State Senator, 10th District"], ["25", "State Senator, 11th District"], ["932", "State Senator, 25th District"], ["942", "State Representative, 17th District"], ["44", "State Representative, 19th District"], ["45", "State Representative, 20th District"], ["59", "State Representative, 35th District"], ["960", "State Representative, 37th District"], ["961", "State Representative, 38th District"], ["964", "State Representative, 45th District"], ["965", "State Representative, 47th District"], ["966", "State Representative, 49th District"], ["967", "State Representative, 51st District"], ["968", "State Representative, 52nd District"], ["970", "State Representative, 54th District"], ["63", "State Representative, 55th District"], ["972", "State Representative, 56th District"], ["976", "State Representative, 77th District"], ["64", "State Representative, 78th District"], ["978", "State Representative, 80th District"], ["979", "State Representative, 82nd District"], ["66", "State's Attorney, Cook County"], ["67", "Clerk of the Circuit Court, Cook County"], ["68", "Board of Review, 1st District"], ["103", "Aurelia Marie Pucinski"], ["104", "Mary Katherine Rochford"], ["105", "Michael P. Toomin"], ["106", "James Patrick Flannery, Jr."], ["107", "Mary Ellen Coghlan"], ["108", "Shelley Lynn Sutker-Dermer"], ["109", "Patricia Manila Martin"], ["110", "Kenneth J. Wadas"], ["111", "Gregory J. Wojkowski"], ["112", "Robert E. Gordon"], ["113", "Lewis Nixon"], ["114", "Margaret Ann Brennan"], ["115", "Janet Adams Brosnahan"], ["116", "Peter A. Felice"], ["117", "Kerry M. Kennedy"], ["118", "Casandra Lewis"], ["119", "Laura Marie Sullivan"], ["120", "Raul Vega"], ["121", "Michael B. Hyman"], ["122", "Joan E. Powell"], ["123", "Patrick J. Sherlock"], ["124", "Maureen Ward Kirby"], ["125", "Edward A. Arce"], ["126", "James N. O'Hara"], ["127", "Mauricio Araujo"], ["128", "Thomas J. Byrne"], ["129", "Ann Collins-Dole"], ["130", "Donna L. Cooper"], ["131", "Anna Helen Demacopoulos"], ["132", "Diana L. Kenworthy"], ["133", "Pamela Elizabeth Loza"], ["134", "Jackie Marie Portman-Brown"], ["135", "Dominique C. Ross"], ["136", "Kristyna Colleen Ryan"], ["137", "Debra B. Walker"], ["138", "Ursula Walowski"], ["139", "Anthony C. ''Tony'' Kyriakopoulos"], ["140", "Caroline Kate Moreland"], ["141", "Thomas J. Carroll"], ["142", "Cynthia Y. Cobbs"], ["143", "Daniel J. Kubasiak"], ["144", "Andrea M. Buford"], ["145", "Pamela McLean Meyerson"], ["146", "Chris Lawler"], ["147", "John Michael Allegretti"], ["148", "Kristal Rivers"], ["149", "Steven G. Watkins"], ["150", "Abbey Fishman Romanek"], ["151", "William B. Raines"], ["152", "Judith Rice"], ["153", "Patrick Kevin Coughlin"], ["154", "John Curry"], ["155", "Megan Elizabeth Goldish"], ["156", "Anjana Hansen"], ["157", "Robert D. Kuzas"], ["158", "John J. Mahoney"], ["159", "Maritza Martinez"], ["160", "Terrence J. McGuire"], ["161", "Bridget Anne Mitchell"], ["162", "James Paul Pieczonka"], ["163", "Diana Rosario"], ["164", "Patricia O'Brien Sheahan"], ["165", "Broadband"], ["166", "City Plan"], ["167", "Firearms"], ["168", "Mental Health District"], ["169", "Mental Health Tax"], ["170", "Police Panel"], ["171", "Alcoholic Liquor W44 P16"] ]34:T1099,ELECTIONS = ({ label: "General Election", races: { // "0": "Turnout", "10": "Proposed Amendment to the Illinois Constitution", "11": "President & Vice President, U.S.", "12": "Senator, U.S.", "13": "U.S. Representative, 1st District", "14": "U.S. Representative, 2nd District", "15": "U.S. Representative, 3rd District", "16": "U.S. Representative, 4th District", "17": "U.S. Representative, 5th District", "918": "U.S. Representative, 6th District", "18": "U.S. Representative, 7th District", "920": "U.S. Representative, 8th District", "19": "U.S. Representative, 9th District", "922": "U.S. Representative, 10th District", "923": "U.S. Representative, 11th District", "24": "State Senator, 10th District", "25": "State Senator, 11th District", "932": "State Senator, 25th District", "942": "State Representative, 17th District", "44": "State Representative, 19th District", "45": "State Representative, 20th District", "59": "State Representative, 35th District", "960": "State Representative, 37th District", "961": "State Representative, 38th District", "964": "State Representative, 45th District", "965": "State Representative, 47th District", "966": "State Representative, 49th District", "967": "State Representative, 51st District", "968": "State Representative, 52nd District", "970": "State Representative, 54th District", "63": "State Representative, 55th District", "972": "State Representative, 56th District", "976": "State Representative, 77th District", "978": "State Representative, 80th District", "979": "State Representative, 82nd District", "64": "State Representative, 78th District", // Issues with the numbers on this // "65": "Commissioner, Water Reclamation Dist", "66": "State's Attorney, Cook County", "67": "Clerk of the Circuit Court, Cook County", "68": "Board of Review, 1st District", "103": "Aurelia Marie Pucinski", "104": "Mary Katherine Rochford", "105": "Michael P. Toomin", "106": "James Patrick Flannery, Jr.", "107": "Mary Ellen Coghlan", "108": "Shelley Lynn Sutker-Dermer", "109": "Patricia Manila Martin", "110": "Kenneth J. Wadas", "111": "Gregory J. Wojkowski", "112": "Robert E. Gordon", "113": "Lewis Nixon", "114": "Margaret Ann Brennan", "115": "Janet Adams Brosnahan", "116": "Peter A. Felice", "117": "Kerry M. Kennedy", "118": "Casandra Lewis", "119": "Laura Marie Sullivan", "120": "Raul Vega", "121": "Michael B. Hyman", "122": "Joan E. Powell", "123": "Patrick J. Sherlock", "124": "Maureen Ward Kirby", "125": "Edward A. Arce", "126": "James N. O'Hara", "127": "Mauricio Araujo", "128": "Thomas J. Byrne", "129": "Ann Collins-Dole", "130": "Donna L. Cooper", "131": "Anna Helen Demacopoulos", "132": "Diana L. Kenworthy", "133": "Pamela Elizabeth Loza", "134": "Jackie Marie Portman-Brown", "135": "Dominique C. Ross", "136": "Kristyna Colleen Ryan", "137": "Debra B. Walker", "138": "Ursula Walowski", "139": "Anthony C. ''Tony'' Kyriakopoulos", "140": "Caroline Kate Moreland", "141": "Thomas J. Carroll", "142": "Cynthia Y. Cobbs", "143": "Daniel J. Kubasiak", "144": "Andrea M. Buford", "145": "Pamela McLean Meyerson", "146": "Chris Lawler", "147": "John Michael Allegretti", "148": "Kristal Rivers", "149": "Steven G. Watkins", "150": "Abbey Fishman Romanek", "151": "William B. Raines", "152": "Judith Rice", "153": "Patrick Kevin Coughlin", "154": "John Curry", "155": "Megan Elizabeth Goldish", "156": "Anjana Hansen", "157": "Robert D. Kuzas", "158": "John J. Mahoney", "159": "Maritza Martinez", "160": "Terrence J. McGuire", "161": "Bridget Anne Mitchell", "162": "James Paul Pieczonka", "163": "Diana Rosario", "164": "Patricia O'Brien Sheahan", "165": "Broadband", "166": "City Plan", "167": "Firearms", "168": "Mental Health District", "169": "Mental Health Tax", "170": "Police Panel", "171": "Alcoholic Liquor W44 P16" } })35:[] 2f:{"title":"How Cook County Voted in the 2020 General Election","cells":[{"id":0,"value":"md`# How Cook County Voted in the 2020 General Election\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/) and the [Cook County Clerk](https://www.cookcountyclerk.com/election-results) each publish precinct-level election results on their respective sites. 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 the Nov. 3, 2020 election here.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":269,"value":"md`Use the select boxes to select which race to display on the map. \n\nSee the code used to generate the data in our GitHub repo: [City-Bureau/chicago-2020-general-election](https://github.com/City-Bureau/chicago-2020-general-election)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"viewof election = select({\n title: \"Election\",\n options: ELECTION_OPTIONS.map(([value, label]) => ({\n value,\n label\n })),\n value: params.get(\"election\") || \"11\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"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`