29:null 2a:["$","title",null,{"children":"June 7, 2022 City of Los Angeles election results for City Council | David Yanofsky | Observable"}] 2f:T5d4,{ // create an object that has the candidate's names as keys and values of zero const results = candidates_in_race.reduce((agg, cur) => { agg[cur] = 0; return agg }, {}) // add up all of the results from every precinct data.features.forEach(d => { candidates_in_race.forEach(cand => { results[cand] += d.properties["results_" + subset_to_plot.value][cand] }) }) // format the data as a list of objects for Plot const to_plot = candidates_in_race.map(cand => ({candidate: cand, votes: results[cand]})) // add up how many ballots were cast const total_ballots = data.features.reduce((agg, cur) => agg + cur.properties["info_" + subset_to_plot.value]["BALLOTS CAST"], 0) // add up the total number of votes const total_votes = to_plot.reduce((agg, cur) => agg + cur.votes, 0) // add an item that is the difference between the ballots and votes to_plot.push({candidate: "Other / No Vote", votes: total_ballots - total_votes}) return Plot.plot({ y: { domain: d3.sort(to_plot, d => -d.votes).map(d => d.candidate) }, marginLeft: 200, marginRight: 75, marks: [ Plot.barX(to_plot, {x: "votes", y: "candidate", fill: d => d.candidate == "Other / No Vote" ? "#ccc" : d3.schemeSet2[2]}), Plot.text(to_plot, { x: "votes", y: "candidate", text: d => `${d.votes.toLocaleString()} (${Math.round(d.votes / total_ballots * 100)}%)`, textAnchor:"start" }) ] }) }30:T453,{ const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "width: 100%; height: auto; height: intrinsic;"); // we have to get at the data a couple times, so let's do that work once const accessor = d => d.properties["results_" + subset_to_plot.value][single_cand] // define a color scale const color = d3.scaleSequential(d3.interpolateYlOrRd).domain(d3.extent(data.features, accessor)) const legend = Legend(color, {tickFormat: d => d, title: "Votes per precinct"}) let val = "" svg.append("g") .selectAll("path") .data(data.features) .join("path") .attr("fill", d => { return color(accessor(d)) }) .attr("stroke", "#ccc") .attr("d", path) .on("mouseover", function(e, d) { const tt = d3.select(this.parentNode.parentNode.parentNode).select(".tooltip") let val = accessor(d) tt.html(`Precinct ${d.properties.Label}
${val} votes`) }) return html` ${legend} ${svg.node()} ` }31:T5b3,{ const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "width: 100%; height: auto; height: intrinsic;"); const sorted_results = d => Object.entries(d.properties["results_" + subset_to_plot.value]).sort((a,b) => d3.descending(a[1], b[1])) const winner_obj = d => sorted_results(d)[0] const runnerup_obj = d => sorted_results(d)[1] const winner = d => winner_obj(d)[0] // define a color scale const color = candidate_ordinal svg.append("g") .selectAll("path") .data(data.features) .join("path") .attr("fill", d => { let obj = winner_obj(d) return obj[1] > 0 ? color(obj[0]) : "white" }) .attr("stroke", "#ccc") .attr("d", path) .on("mouseover", function(e, d) { const tt = d3.select(this.parentNode.parentNode.parentNode).select(".tooltip") let results_markup = sorted_results(d).map(r => r.join(": ")).join("
") tt.html(`Precinct ${d.properties.Label}
${results_markup}`) }) svg.append("g") .selectAll("circle") .data(data.features) .join("circle") .attr("fill", "none") .attr("stroke", "white") .attr("opacity", 0.5) .attr("r", d => Math.sqrt(winner_obj(d)[1] - runnerup_obj(d)[1])) .attr("transform", d => "translate(" + path.centroid(d.geometry) + ")") return html` ${svg.node()} ` }32:T5b6,{ if(candidates_in_race.length < 3) { return md`_Sorry, this map is only useful in races with more than two candidates_` } const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "width: 100%; height: auto; height: intrinsic;"); const sorted_results = d => Object.entries(d.properties["results_" + subset_to_plot.value]).sort((a,b) => d3.descending(a[1], b[1])) const ballots_cast = d => d.properties["info_" + subset_to_plot.value]["BALLOTS CAST"] const winner_pct = d => sorted_results(d)[0][1] / ballots_cast(d) * 100 // define a color scale const color = anonymous_vote_share_continuous svg.append("g") .selectAll("path") .data(data.features) .join("path") .attr("fill", d => { return ballots_cast(d) == 0 ? "white" : color(winner_pct(d)) }) .attr("stroke", "#ccc") .attr("d", path) .on("mouseover", function(e, d) { const tt = d3.select(this.parentNode.parentNode.parentNode).select(".tooltip") let precinct_ballots = ballots_cast(d) let results_markup = sorted_results(d).map(([cand, val]) => [cand, precinct_ballots == 0 ? 0 : Math.round(val / precinct_ballots * 100)]).map(r => r.join(": ") + "%").join("
") tt.html(`Precinct ${d.properties.Label}
${results_markup}`) }) return html` ${svg.node()} ` }33:T773,{ if(candidates_in_race.length < 3) { return md`_Sorry, this map is only useful in races with more than two candidates_` } const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "width: 100%; height: auto; height: intrinsic;"); const sorted_results = d => Object.entries(d.properties["results_" + subset_to_plot.value]).sort((a,b) => d3.descending(a[1], b[1])) const ballots_cast = d => d.properties["info_" + subset_to_plot.value]["BALLOTS CAST"] const winner_obj = d => sorted_results(d)[0] const runnerup_obj = d => sorted_results(d)[1] const thirdp_obj = d => sorted_results(d)[2] const runner_up = d => runnerup_obj(d)[0] // define a color scale const color = candidate_ordinal svg.append("g") .selectAll("path") .data(data.features) .join("path") .attr("fill", d => { let obj = runnerup_obj(d) return obj[1] > 0 ? color(obj[0]) : "white" }) .attr("stroke", "#ccc") .attr("d", path) .on("mouseover", function(e, d) { const tt = d3.select(this.parentNode.parentNode.parentNode).select(".tooltip") let precinct_ballots = ballots_cast(d) let results_markup = sorted_results(d).slice(1).map(([cand, val]) => [cand, precinct_ballots == 0 ? 0 : Math.round(val / precinct_ballots * 100)]).map(r => r.join(": ") + "%").join("
") tt.html(`Precinct ${d.properties.Label}
${results_markup}`) }) svg.append("g") .selectAll("circle") .data(data.features) .join("circle") .attr("fill", "none") .attr("stroke", "white") .attr("opacity", 0.5) .attr("r", d => Math.sqrt(runnerup_obj(d)[1] - thirdp_obj(d)[1])) .attr("transform", d => "translate(" + path.centroid(d.geometry) + ")") return html` ${svg.node()} ` }34:T61b,{ const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "width: 100%; height: auto; height: intrinsic;"); const accessor = (d, cand) => d.properties["results_" + subset_to_plot.value][cand] / d.properties["info_" + subset_to_plot.value]["BALLOTS CAST"] * 100 const sorted_results = d => Object.entries(d.properties["results_" + subset_to_plot.value]).sort((a,b) => d3.descending(a[1], b[1])) const ballots_cast = d => d.properties["info_" + subset_to_plot.value]["BALLOTS CAST"] const ratio = d => accessor(d, h2h_1) - accessor(d, h2h_2) // define a color scale const color = head_to_head_sequential const chosen_cands = [h2h_1, h2h_2] svg.append("g") .selectAll("path") .data(data.features) .join("path") .attr("fill", d => { return color(ratio(d)) }) .attr("stroke", "#ccc") .attr("d", path) .on("mouseover", function(e, d) { const tt = d3.select(this.parentNode.parentNode.parentNode).select(".tooltip") let precinct_ballots = ballots_cast(d) let results_markup = sorted_results(d).filter(([cand, value]) => chosen_cands.includes(cand)).map(([cand, val]) => [cand, precinct_ballots == 0 ? 0 : Math.round(val / precinct_ballots * 100)]).map(r => r.join(": ") + "%").join("
") tt.html(`Precinct ${d.properties.Label}
${results_markup}`) }) // return Legend(color) return html` ${svg.node()} ` }35:T598,{ const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "width: 100%; height: auto; height: intrinsic;"); // we have to get at the data a couple times, so let's do that work once const accessor = d => { let ballots = d.properties["info_" + subset_to_plot.value]["BALLOTS CAST"] let votes = Object.entries(d.properties["results_" + subset_to_plot.value]).reduce((agg, cur) => agg + cur[1], 0) return (ballots - votes) / ballots } // define a color scale const color = d3.scaleSequential(d3.interpolateReds).domain(d3.extent(data.features, accessor)) const legend = Legend(color, {tickFormat: d => d * 100 + "%", title: "Portion of Other/Blank Votes"}) let val = "" svg.append("g") .selectAll("path") .data(data.features) .join("path") .attr("fill", d => { let val = accessor(d) return val ? color(val) : "white" }) .attr("stroke", "#ccc") .attr("d", path) .on("mouseover", function(e, d) { const tt = d3.select(this.parentNode.parentNode.parentNode).select(".tooltip") let val = accessor(d) let result = val ? `${Math.round(val * 100)}% of ballots` : "No ballots returned" tt.html(`Precinct ${d.properties.Label}
${result}`) }) return html` ${legend} ${svg.node()} ` }36:T54d,{ const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "width: 100%; height: auto; height: intrinsic;"); // we have to get at the data a couple times, so let's do that work once const accessor = d => { let ballots = d.properties["info_total"]["BALLOTS CAST"] let registration = d.properties["info_total"]["REGISTRATION"] return ballots / registration } // define a color scale const color = d3.scaleSequential(d3.interpolateGreens).domain(d3.extent(data.features, accessor)) const legend = Legend(color, {tickFormat: d => d * 100 + "%", title: "Portion of registered voters"}) let val = "" svg.append("g") .selectAll("path") .data(data.features) .join("path") .attr("fill", d => { let val = accessor(d) return val ? color(val) : "white" }) .attr("stroke", "#ccc") .attr("d", path) .on("mouseover", function(e, d) { const tt = d3.select(this.parentNode.parentNode.parentNode).select(".tooltip") let val = accessor(d) let result = val ? `${Math.round(val * 100)}% of voters` : "No registered voters" tt.html(`Precinct ${d.properties.Label}
${result}`) }) return html` ${legend} ${svg.node()} ` }37:T468,race_list = [ { label: "District 1", value: FileAttachment("LOS_ANGELES_CITY-CNC_1_06-07-22_by_Precinct_4269-8287@1.geojson").json() }, { label: "District 3", value: FileAttachment("LOS_ANGELES_CITY-CNC_3_06-07-22_by_Precinct_4269-8288@1.geojson").json() }, { label: "District 5", value: FileAttachment("LOS_ANGELES_CITY-CNC_5_06-07-22_by_Precinct_4269-8289@1.geojson").json() }, { label: "District 7", value: FileAttachment("LOS_ANGELES_CITY-CNC_7_06-07-22_by_Precinct_4269-8290@1.geojson").json() }, { label: "District 9", value: FileAttachment("LOS_ANGELES_CITY-CNC_9_06-07-22_by_Precinct_4269-8291@1.geojson").json() }, { label: "District 11", value: FileAttachment("LOS_ANGELES_CITY-CNC_11_06-07-22_by_Precinct_4269-8292@1.geojson").json() }, { label: "District 13", value: FileAttachment("LOS_ANGELES_CITY-CNC_13_06-07-22_by_Precinct_4269-8293@1.geojson").json() }, { label: "District 15", value: FileAttachment("LOS_ANGELES_CITY-CNC_15_06-07-22_by_Precinct_4269-8294@1.geojson").json() } ]38:[{"id":"986b19c18f2015ed86450fad20dba51d63687705815cc1d9609c70c4ac3d5a7eb6c6c812e9f7183760a70453e3306b6d1a32a9304c966cded3df219f004d36f9","href":"https://static.observableusercontent.com/files/986b19c18f2015ed86450fad20dba51d63687705815cc1d9609c70c4ac3d5a7eb6c6c812e9f7183760a70453e3306b6d1a32a9304c966cded3df219f004d36f9","name":"LOS_ANGELES_CITY-CNC_9_06-07-22_by_Precinct_4269-8291@1.geojson","type":"application/geo+json","lastModified":1657417187567.56,"size":271295},{"id":"357057a3d6851863c0fd441410489eb37598a651ee357177ca569274c902c68f5f0a7ba665202eaf9061ce80b275825f1555abe5f5879b19e6a0fb004c2850de","href":"https://static.observableusercontent.com/files/357057a3d6851863c0fd441410489eb37598a651ee357177ca569274c902c68f5f0a7ba665202eaf9061ce80b275825f1555abe5f5879b19e6a0fb004c2850de","name":"LOS_ANGELES_CITY-CNC_7_06-07-22_by_Precinct_4269-8290@1.geojson","type":"application/geo+json","lastModified":1657417188605.004,"size":643180},{"id":"639c63b7e311890b21de230836fd6546c66b15a3b136a994eb4aa137daef5170361a40bc447b152ae29c1d952a073e6ff38ea296d787379a2e0631b15ad746ce","href":"https://static.observableusercontent.com/files/639c63b7e311890b21de230836fd6546c66b15a3b136a994eb4aa137daef5170361a40bc447b152ae29c1d952a073e6ff38ea296d787379a2e0631b15ad746ce","name":"LOS_ANGELES_CITY-CNC_15_06-07-22_by_Precinct_4269-8294@1.geojson","type":"application/geo+json","lastModified":1657417188625.416,"size":649980},{"id":"a345196112473cecf49f28e4d63fecf1fc5d729771d13c295e513b5c61c2fecfe920dbf2151fbd173bf66b5abff46f49867aefda563efa718b5cdb23a354e884","href":"https://static.observableusercontent.com/files/a345196112473cecf49f28e4d63fecf1fc5d729771d13c295e513b5c61c2fecfe920dbf2151fbd173bf66b5abff46f49867aefda563efa718b5cdb23a354e884","name":"LOS_ANGELES_CITY-CNC_13_06-07-22_by_Precinct_4269-8293@1.geojson","type":"application/geo+json","lastModified":1657417188531.254,"size":571312},{"id":"8fd29e30e8c0210afa706e01dc36625d2af48e5611d73537856d15a6361a25bfc88d3b7c3ee612355b5d31fc3c6c73670a65262b0193fa9dd08df96bbaf867e7","href":"https://static.observableusercontent.com/files/8fd29e30e8c0210afa706e01dc36625d2af48e5611d73537856d15a6361a25bfc88d3b7c3ee612355b5d31fc3c6c73670a65262b0193fa9dd08df96bbaf867e7","name":"LOS_ANGELES_CITY-CNC_1_06-07-22_by_Precinct_4269-8287@1.geojson","type":"application/geo+json","lastModified":1657417188143.438,"size":546266},{"id":"5c1548ad54a63479502cd24a7602a318a94e568c22ac7e41767942282316763bb489cc2517447dc747b997a879010f699a8e49fb477746130677f8be90085b55","href":"https://static.observableusercontent.com/files/5c1548ad54a63479502cd24a7602a318a94e568c22ac7e41767942282316763bb489cc2517447dc747b997a879010f699a8e49fb477746130677f8be90085b55","name":"LOS_ANGELES_CITY-CNC_11_06-07-22_by_Precinct_4269-8292@1.geojson","type":"application/geo+json","lastModified":1657417188961.243,"size":1144962},{"id":"b73471fb3f8764fe9ac8c8a32cfd101b4c24b550c951cb010a5dc03a38ddf29545368b40a48579c455a7541676de78104cbc089934ea51300beecc6b35e6617c","href":"https://static.observableusercontent.com/files/b73471fb3f8764fe9ac8c8a32cfd101b4c24b550c951cb010a5dc03a38ddf29545368b40a48579c455a7541676de78104cbc089934ea51300beecc6b35e6617c","name":"LOS_ANGELES_CITY-CNC_3_06-07-22_by_Precinct_4269-8288@1.geojson","type":"application/geo+json","lastModified":1657417188743.195,"size":697101},{"id":"5bd06a979ae51026872116ba8161b7255ceb842addd1f32d27bff278980b5f32dc3f908ae01223dd7d3f7d72088e027e3b7d76e280a2c470eb5008cf5faeb024","href":"https://static.observableusercontent.com/files/5bd06a979ae51026872116ba8161b7255ceb842addd1f32d27bff278980b5f32dc3f908ae01223dd7d3f7d72088e027e3b7d76e280a2c470eb5008cf5faeb024","name":"LOS_ANGELES_CITY-CNC_5_06-07-22_by_Precinct_4269-8289@1.geojson","type":"application/geo+json","lastModified":1657417188562.856,"size":893820}] 2d:{"id":"58935f1232f5cc8d","slug":"la-city-council-election-results","title":"June 7, 2022 City of Los Angeles election results for City Council","thumbnail":"c7827bb0dd026e65bf86ce748ffd6bc5c6393b93487bc592bd06fb3ff1e7dce5","access_level":"public","create_time":"$D2022-07-10T01:10:56.193Z","update_time":"$D2022-07-12T00:34:09.463Z","view_time":null,"first_public_time":"$D2022-07-11T16:19:03.079Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f75aaa26d48cb18d","login":"yanofsky","name":"David Yanofsky","avatar_url":"https://avatars-next.observableusercontent.com/7c9f69c4fec9bbaed1e94d59c06e3c210d9dd72ad11ea1973cedd5eacd579c96","tier":"starter_2024"},"version":603,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8dec908f7ba88413","login":"yanofsky","name":"David Yanofsky","avatar_url":"https://avatars-next.observableusercontent.com/7c9f69c4fec9bbaed1e94d59c06e3c210d9dd72ad11ea1973cedd5eacd579c96","tier":null}],"members":[{"type":"individual","id":"8dec908f7ba88413","login":"yanofsky","name":"David Yanofsky","avatar_url":"https://avatars-next.observableusercontent.com/7c9f69c4fec9bbaed1e94d59c06e3c210d9dd72ad11ea1973cedd5eacd579c96","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"June 7, 2022 City of Los Angeles election results for City Council","cells":[{"id":0,"value":"# June 7, 2022 City of Los Angeles election results for City Council\n\nUse this notebook to explore the results of the 2022 LA City Council primary elections. I created this very quickly and have spot checked the data, but there might be some little bugs here and there.\n\nFor the underlying data and shapefiles see [this github repo](https://github.com/yanofsky/la-2022-primary-shapefiles) which includes data for all races in LA County","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":303,"value":"## Pick which race you want to look at \n\nAlso you can filter which set of ballots you're interested in. \n\n_Unless otherwise noted, your choices here are applied to all of the maps._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"viewof race = Inputs.select(race_list, {label: \"Choose a district race\", format: x => x.label})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"viewof subset_to_plot = Inputs.select([{\n label: \"All ballots\",\n value: \"total\"\n},\n{\n label: \"Vote by mail only\",\n value: \"vbm\"\n},\n{\n label: \"In-person only\",\n value: \"polling_place\"\n}], {label: \"Which set of ballots do you want to look at?\", format: x => x.label})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"md`## The overall results\nThis is how each candidate did district wide for **${subset_to_plot.label}**\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"_\"Other/No Vote\" is the difference between the candidate totals and the number of ballots cast_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":104,"value":"## Single Candidate Results\nThis map shows the results of the selected candidate. It's helpful to see where in the district they had the most _relative_ support.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":132,"value":"viewof single_cand = Inputs.select(Object.keys(data.features[0].properties.results_total))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"## Best performing candidate in each precinct\nThis map shows each precinct colored by the candidate that got the most votes. It's helpful to see which candidate won the precinct\n\nThe circles show the size of the lead. Smaller circles indicate that the winner of the precinct didn't win by many more votes than the runner up.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":167,"value":"Swatches(candidate_ordinal)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":310,"value":"## The most contested precincts\nThis map shows the portion of the vote won by the candidate with the most votes—no matter who it is. Precincts with lower values indicate there was more differing opinions of the voters.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":326,"value":"html`\n${Legend(anonymous_vote_share_continuous, {tickFormat: d => d + \"%\", title: \"Precinct winner's vote share\"})}\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"## Runner up in each precinct\nThis map shows the district with each precinct colored by the candidate that came in second. It's helpful to get a sense of which candidates voters were deciding between\n\nThe circles show the size of the lead over the third-place candidate. Smaller circles indicate that the runner-up of the precinct didn't win by many more votes than the third-place candidate.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":192,"value":"Swatches(candidate_ordinal)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"## Head to head spreads\nPick two candidates to compare the percentage point difference of their vote totals from precinct to precinct. This is helpful to see where candidates won a similar share of votes or a differing share of vote.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":226,"value":"viewof h2h_1 = Inputs.select(candidates_in_race, {label: \"Select a candidate\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"viewof h2h_2 = Inputs.select(candidates_in_race.filter(d => d != h2h_1), {label: \"Select another candidate\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"html`\n${Legend(head_to_head_sequential, {tickFormat: d => d + \" pp\"})}\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":504,"value":"md`## Head to head plot\nAnother way to look at this same data is through a scatter plot. \n\nIf the cluster of dots slope down to the right, the candidates were successful in different precincts (i.e. negatively correlated). If the dots slope up to the right, the candidates were successful in the same precincts (i.e. positively correlated).\n\nIgnoring precincts with less than 10 ballots, the correlation of **${subset_to_plot.label}** between **${h2h_1}** and **${h2h_2}** is **${Math.round(h2h_correlation*1000)/1000}**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"{\n if(candidates_in_race.length < 3) {\n return md`_Sorry, this chart is only useful in races with more than two candidates_`\n }\n\n return Plot.plot({\n x: {\n label: `${h2h_1} vote share →`,\n },\n\n y: {\n label: `↑ ${h2h_2} vote share`,\n },\n\n marks: [\n Plot.dot(\n data.features,\n {\n x: d => d.properties[\"results_\" + subset_to_plot.value][h2h_1] / d.properties[\"info_\" + subset_to_plot.value][\"BALLOTS CAST\"] * 100,\n y: d => d.properties[\"results_\" + subset_to_plot.value][h2h_2] / d.properties[\"info_\" + subset_to_plot.value][\"BALLOTS CAST\"] * 100,\n stroke: d3.schemeSet2[2]\n }\n )\n ]\n \n})\n \n}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":539,"value":"h2h_correlation = Correlation()\n .x(d => d.properties[\"results_\" + subset_to_plot.value][h2h_1] / d.properties[\"info_\" + subset_to_plot.value][\"BALLOTS CAST\"] * 100)\n .y(d => d.properties[\"results_\" + subset_to_plot.value][h2h_2] / d.properties[\"info_\" + subset_to_plot.value][\"BALLOTS CAST\"] * 100)(data.features.filter(d => d.properties[\"info_\" + subset_to_plot.value][\"BALLOTS CAST\"] >= 10))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"## The voters who didn't vote\nNot everyone who returned a ballot voted in this race, or for a listed candidate. This is where those voters live.\n\nThis is _not_ where turnout was low. This is where voters decided not to vote in this race.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":584,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":595,"value":"## Turnout\nNot everyone who is registered to vote, decided to vote or got their ballots in on time.\n\n_This map only shows **total registration** and is not filtered to your selected subset_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":597,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"## The end\nThat's it for this tool. Everything below is just code that helps make everything above work!","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":317,"value":"anonymous_vote_share_continuous = d3.scaleSequential(d3.interpolateMagma).domain([0, 50])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"head_to_head_sequential = d3.scaleSequential(d3.interpolateRdYlBu).domain([-50,50])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"candidate_ordinal = d3.scaleOrdinal(d3.schemeSet2).domain(candidates_in_race)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"projection = d3.geoMercator().rotate([118,0,0]).fitExtent([[0,0], [width, height]], data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"width = 1000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"height = 500","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"candidates_in_race = Object.keys(data.features[0].properties.results_total)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"data = await race.value","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":75,"value":"import {Choropleth} from \"@d3/choropleth\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"import {Swatches} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"import {Legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"import { Tooltip } from \"@clhenrick/tooltip-component\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":535,"value":"import { Correlation } from \"@harrystevens/correlation\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 2e:"$2d:body"