31:T6c5,**Looking for the general results? [They are over here](https://rdmurphy.observablehq.cloud/la-county-2024-general-election-results-trends/)!** Hello! 👋 I set up this [handy scraper](https://github.com/rdmurphy/scrape-la-county-election-results-2024) that collects election result updates from [LA County RR/CC](https://www.lavote.gov) as they are made available. This makes it possible to track across time how each data release alters the cumulative vote totals and look around for interesting trends/races. Want this data for yourself? [It's available and open source on GitHub](https://github.com/rdmurphy/scrape-la-county-election-results-2024). If you have suggestions or comments please send them my way! I can be found on Mastodon at [@ryan@social.lol](https://social.lol/@ryan) and on Bluesky at [@ryan.fail](https://bsky.app/profile/ryan.fail). (I'm also on Twitter at [@rdmurphy](https://twitter.com/rdmurphy) but I'm not around there much anymore. Will see it if anyone messages me, however!) #### How to interpret the three March 5 values - March 5 (1) represents the initial count of **mail-in** ballots received prior to election day. ([source](https://x.com/LACountyRRCC/status/1765232356741529842?s=20)) - March 5 (2) represents the count of **early in-person** ballots. ([source](https://x.com/LACountyRRCC/status/1765236831271231696?s=20)) - March 5 (3) represents the count of **day-of** ballots. ([source](https://x.com/LACountyRRCC/status/1765318850403500291?s=20)) Use the select box below to choose a race and the charts will all update to reflect your selection. All results you see on this page are as of **${journalize.apmonth(latestDate)} ${latestDate.getUTCDate()}, ${latestDate.getFullYear()}**.32:[{"id":"eb8f873e662e481fd1c1d82d928010a8f56d227bb2601eb6b9e31c9afa370ce99056788aa3dae2a2b654daefc304b61e5bd002d4d7c6131fb18d742fa90c41cc","href":"https://static.observableusercontent.com/files/eb8f873e662e481fd1c1d82d928010a8f56d227bb2601eb6b9e31c9afa370ce99056788aa3dae2a2b654daefc304b61e5bd002d4d7c6131fb18d742fa90c41cc","name":"timeframes.json","type":"application/json","lastModified":1710373847266.587,"size":1202346}] 2f:{"title":"L.A. County 2024 Primary Election Results Trends","cells":[{"id":0,"value":"# L.A. County 2024 Primary Election Results Trends","pinned":false,"hidden":false,"mode":"md"},{"id":386,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"viewof contest = Inputs.select(new Map(raw.contests.map((d) => [d.name, d])), {\n label: \"Select a contest\",\n value: raw.contests.find((d) => d.id === +contestId),\n width: 550\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":603,"value":"## ${contest.name}\n\n${contest.vote_for && md`${contest.vote_for}`}\n\n${contest.description && md`${contest.description}`}","pinned":false,"hidden":false,"mode":"md"},{"id":112,"value":"### Current results","pinned":false,"hidden":false,"mode":"md"},{"id":182,"value":"\n \n \n \n \n \n \n \n \n \n ${latestData.map(candidate => htl.html`\n \n \n \n \n `)}\n \n \n \n \n \n \n \n \n \n

Candidate	Party	Votes	Pct.
${candidate[\"name\"]}	${candidate[\"party\"]}	${journalize.intcomma(candidate[\"votes\"])}	${(candidate.percent * 100).toFixed(1)}%
	Total votes	${journalize.intcomma(latestData.totalVotes)}

","pinned":false,"hidden":false,"mode":"html"},{"id":116,"value":"plot = Plot.plot({\n marginLeft:\n contest.type === \"Measure\" ? 30 : longestNameLength > 15 ? 185 : 110,\n x: {\n grid: true,\n label: \"Pct. →\",\n domain: contest.vote_for ? undefined : [0, 1],\n ticks: contest.vote_for ? undefined : [0, 0.25, 0.5, 0.75, 1],\n tickFormat: (d) => `${d * 100}%`,\n nice: true\n },\n y: {\n label: null\n },\n marks: [\n contest.vote_for ? undefined : Plot.ruleX([0.5]),\n Plot.barX(latestData, {\n x: \"percent\",\n y: \"name\",\n fill: \"name\",\n sort: { y: \"x\", reverse: true }\n }),\n Plot.ruleX([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"### Cumulative votes received since Election Day","pinned":false,"hidden":false,"mode":"md"},{"id":27,"value":"Plot.plot({\n style: \"overflow: visible;\",\n color: {\n legend: true\n },\n marginLeft: 50,\n x: {\n padding: 0,\n domain: releaseDomain,\n label: null\n },\n y: {\n grid: true,\n label: \"↑ Total votes\",\n nice: true\n },\n marks: [\n Plot.ruleY([0]),\n Plot.lineY(topFourData, {\n x: \"identifier\",\n y: \"votes\",\n z: \"name\",\n stroke: \"name\",\n strokeWidth: 2,\n marker: \"circle\"\n }),\n Plot.text(\n topFourData,\n Plot.selectLast({\n x: \"identifier\",\n y: \"votes\",\n z: \"name\",\n text: \"name\",\n textAnchor: \"start\",\n dx: 8\n })\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":613,"value":"### Vote share since Election Day","pinned":false,"hidden":false,"mode":"md"},{"id":623,"value":"{\n const extents = d3.extent(topFourData.map((d) => d.votes_percent));\n const domain = [extents[0] - 0.05, extents[1] + 0.05].map((n) =>\n n < 0 ? 0 : n > 1 ? 1 : n\n );\n\n return Plot.plot({\n style: \"overflow: visible;\",\n color: {\n legend: true\n },\n x: {\n padding: 0,\n domain: releaseDomain,\n label: null\n },\n y: {\n grid: true,\n tickFormat: (d, i) => `${Math.round(d * 100)}%`,\n ticks: 8,\n nice: true,\n domain,\n label: \"Percentage of votes\"\n },\n marks: [\n Plot.ruleY([0.5]),\n Plot.lineY(topFourData, {\n x: \"identifier\",\n y: \"votes_percent\",\n stroke: \"name\",\n strokeWidth: 2,\n marker: true\n }),\n Plot.text(\n topFourData,\n Plot.selectLast({\n x: \"identifier\",\n y: \"votes_percent\",\n z: \"name\",\n text: \"name\",\n textAnchor: \"start\",\n dx: 8\n })\n )\n ]\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"### Votes received in each update","pinned":false,"hidden":false,"mode":"md"},{"id":520,"value":"Plot.plot({\n marginLeft: 50,\n color: {\n legend: true\n },\n x: {\n axis: null,\n domain: contest.candidates\n .filter((d) => topFourCandidates.has(d.id))\n .map((d) => d.name)\n },\n y: {\n grid: true,\n label: \"↑ Votes received\",\n nice: true\n },\n fx: {\n domain: releaseDomain,\n label: null\n },\n facet: {\n data: topFourData,\n x: \"identifier\"\n },\n marks: [\n Plot.barY(topFourData, {\n x: \"name\",\n y: \"change\",\n fill: \"name\",\n title: \"change\"\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":398,"value":"### Percentage of votes received in each update ","pinned":false,"hidden":false,"mode":"md"},{"id":426,"value":"{\n const extents = d3.extent(topFourData.map((d) => d.change_percent));\n const domain = [extents[0] - 0.05, extents[1] + 0.05].map((n) =>\n n < 0 ? 0 : n > 1 ? 1 : n\n );\n\n return Plot.plot({\n style: \"overflow: visible;\",\n color: {\n legend: true\n },\n x: {\n padding: 0,\n domain: releaseDomain,\n label: null\n },\n y: {\n grid: true,\n tickFormat: (d, i) => `${Math.round(d * 100)}%`,\n ticks: 8,\n domain,\n nice: true,\n label: null\n },\n marks: [\n Plot.lineY(topFourData, {\n x: \"identifier\",\n y: \"change_percent\",\n stroke: \"name\",\n strokeWidth: 2,\n marker: true\n }),\n Plot.text(\n topFourData,\n Plot.selectLast({\n x: \"identifier\",\n y: \"change_percent\",\n z: \"name\",\n text: \"name\",\n textAnchor: \"start\",\n dx: 8\n })\n )\n ]\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":789,"value":"### Votes received on each release day","pinned":false,"hidden":false,"mode":"md"},{"id":792,"value":"Inputs.table(tabularData, {\n rows: tabularData.length,\n width: \"auto\",\n layout: \"auto\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":718,"value":"### Total votes added","pinned":false,"hidden":false,"mode":"md"},{"id":720,"value":"Plot.plot({\n marginLeft: 50,\n x: {\n domain: releases,\n tickFormat: formatDateTick,\n label: null\n },\n y: {\n grid: true,\n label: null,\n nice: true\n },\n marks: [\n Plot.barY(d3.zip(releases, contest.totals), {\n x: \"0\",\n y: \"1\",\n fill: \"#4e79a7\",\n title: \"1\"\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":170,"value":"contest","pinned":true,"hidden":false,"mode":"ojs"},{"id":752,"value":"contestId = new URLSearchParams(location.search).get(\"contest_id\") ?? 9021 // US Senate race","pinned":true,"hidden":false,"mode":"ojs"},{"id":688,"value":"candidateCount = contest.candidates.length","pinned":true,"hidden":false,"mode":"ojs"},{"id":229,"value":"longestNameLength = d3.max(contest.candidates, (d) => d.name.length)","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"data = {\n const output = [];\n\n contest.candidates.forEach((candidate) => {\n releases.forEach((release, index) => {\n output.push({\n identifier: formatDateTick(release),\n date: release[0],\n release: release[1],\n votes: candidate.votes[index],\n votes_percent: candidate.votes_percent[index],\n change: candidate.changes[index],\n change_percent: candidate.change_percent[index],\n id: candidate.id,\n name: candidate.name,\n party: candidate.party\n });\n });\n });\n\n return output;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":964,"value":"topFourData = data.filter((d) => topFourCandidates.has(d.id))","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"latestData = {\n let latestData = data\n .filter((d) => d.identifier === latestRelease)\n .sort((a, b) => d3.descending(a.votes, b.votes));\n\n const totalVotes = d3.sum(latestData, (d) => d.votes);\n\n latestData = latestData.map((d) => {\n d.percent = d.votes / totalVotes;\n\n return d;\n });\n\n latestData.totalVotes = totalVotes;\n\n return latestData;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":962,"value":"topFourCandidates = new Set(latestData.slice(0, 4).map((d) => d.id))","pinned":true,"hidden":false,"mode":"ojs"},{"id":722,"value":"groupedData = d3.rollups(\n data,\n (v) => d3.sum(v, (d) => d.votes),\n (d) => d.date\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":794,"value":"tabularData = d3\n .groups(data, (d) => d.identifier)\n .map(([identifier, rows]) => {\n const values = {};\n\n for (const row of rows) {\n values[row.name] = row.change;\n }\n\n const [dateString, release] = releaseLookup.get(identifier);\n const date = dateParser(dateString);\n\n return { date, release, ...values };\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":871,"value":"function formatDateTick(d) {\n const [dateString, release] = d;\n const date = dateParser(dateString);\n\n const releaseString = dateString !== \"2024-03-05\" ? \"\" : ` (${release})`;\n\n return `${journalize.apmonthtab(date)} ${date.getUTCDate()}${releaseString}`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"releases = raw.dates","pinned":true,"hidden":false,"mode":"ojs"},{"id":943,"value":"releaseDomain = releases.map(formatDateTick)","pinned":true,"hidden":false,"mode":"ojs"},{"id":932,"value":"releaseLookup = new Map(\n releases.map((release) => [formatDateTick(release), release])\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":388,"value":"latestDatePair = d3.greatest(releases, (d) => +dateParser(d[0]) + d[1])","pinned":true,"hidden":false,"mode":"ojs"},{"id":911,"value":"latestRelease = formatDateTick(latestDatePair)","pinned":true,"hidden":false,"mode":"ojs"},{"id":859,"value":"latestDate = dateParser(latestDatePair[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":344,"value":"scale = d3.scaleOrdinal(d3.schemeTableau10)","pinned":true,"hidden":false,"mode":"ojs"},{"id":827,"value":"dateParser = d3.utcParse(\"%Y-%m-%d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"raw = d3.json(url)","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"url = \"https://raw.githubusercontent.com/rdmurphy/scrape-la-county-election-results-2024/main/primary/timeframes.json\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":211,"value":"journalize = import(\"https://esm.sh/journalize@2\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}