31:T461, ${contest.non_partisan ? "" : html``} ${latestData.map((candidate, index) => htl.html` ${contest.non_partisan ? "" : html``} `)} ${contest.non_partisan ? "" : html``}

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

32:[] 2f:{"title":"L.A. County 2026 Primary Election Results Trends","cells":[{"id":0,"value":"# L.A. County 2026 Primary Election Results Trends","pinned":false,"hidden":false,"mode":"md"},{"id":386,"value":"Hello! 👋 I set up this [handy scraper](https://github.com/rdmurphy/scrape-la-county-election-results-2026) 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.\n\nWant this data for yourself? [It's available and open source on GitHub](https://github.com/rdmurphy/scrape-la-county-election-results-2026). 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).\n\nUse 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()}**.","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 > 1 ? md`Vote for ${journalize.apnumber(contest.vote_for)}`: ''}\n\n${contest.description && md`${contest.description}`}\n\n${supporters}\n${opponents}","pinned":false,"hidden":false,"mode":"md"},{"id":112,"value":"### Current results\n${contest.measure_pass_rate ? md`Requires ${contest.measure_pass_rate.toLowerCase()} to pass` : ''}","pinned":false,"hidden":false,"mode":"md"},{"id":182,"value":"$31","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 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(topCandidatesData, {\n x: \"identifier\",\n y: \"votes\",\n z: \"name\",\n stroke: \"name\",\n strokeWidth: 2,\n marker: \"circle\"\n }),\n Plot.text(\n topCandidatesData,\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(topCandidatesData.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(topCandidatesData, {\n x: \"identifier\",\n y: \"votes_percent\",\n stroke: \"name\",\n strokeWidth: 2,\n marker: true\n }),\n Plot.text(\n topCandidatesData,\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) => topCandidates.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: topCandidatesData,\n x: \"identifier\"\n },\n marks: [\n Plot.barY(topCandidatesData, {\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(topCandidatesData.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(topCandidatesData, {\n x: \"identifier\",\n y: \"change_percent\",\n stroke: \"name\",\n strokeWidth: 2,\n marker: true\n }),\n Plot.text(\n topCandidatesData,\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":7,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":170,"value":"contest","pinned":false,"hidden":false,"mode":"ojs"},{"id":1117,"value":"defaultContestId = 10250","pinned":false,"hidden":false,"mode":"ojs"},{"id":752,"value":"contestId = new URLSearchParams(location.search).get(\"contest_id\") ??\n defaultContestId","pinned":false,"hidden":false,"mode":"ojs"},{"id":688,"value":"candidateCount = contest.candidates.length","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"longestNameLength = d3.max(contest.candidates, (d) => d.name.length)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1046,"value":"supporters = contest.supporters\n ? md`**Supporters**: ${contest.supporters.join(\"; \")}`\n : \"\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1050,"value":"opponents = contest.opponents\n ? md`**Opponents**: ${contest.opponents.join(\"; \")}`\n : \"\"","pinned":false,"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":false,"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":false,"hidden":false,"mode":"ojs"},{"id":962,"value":"topFourCandidates = new Set(latestData.slice(0, 4).map((d) => d.id))","pinned":false,"hidden":false,"mode":"ojs"},{"id":964,"value":"topFourData = data.filter((d) => topFourCandidates.has(d.id))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1159,"value":"topSixCandidates = new Set(latestData.slice(0, 6).map((d) => d.id))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1162,"value":"topSixData = data.filter((d) => topSixCandidates.has(d.id))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1175,"value":"topCandidates = contest.id === 9682 ? topSixCandidates : topFourCandidates","pinned":false,"hidden":false,"mode":"ojs"},{"id":1164,"value":"topCandidatesData = contest.id === 9682 ? topSixData : topFourData","pinned":false,"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":false,"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":false,"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 !== \"2026-06-02\" ? \"\" : ` (${release})`;\n\n return `${journalize.apmonthtab(date)} ${date.getUTCDate()}${releaseString}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"releases = raw.dates","pinned":false,"hidden":false,"mode":"ojs"},{"id":943,"value":"releaseDomain = releases.map(formatDateTick)","pinned":false,"hidden":false,"mode":"ojs"},{"id":932,"value":"releaseLookup = new Map(\n releases.map((release) => [formatDateTick(release), release])\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":388,"value":"latestDatePair = d3.greatest(releases, (d) => +dateParser(d[0]) + d[1])","pinned":false,"hidden":false,"mode":"ojs"},{"id":911,"value":"latestRelease = formatDateTick(latestDatePair)","pinned":false,"hidden":false,"mode":"ojs"},{"id":859,"value":"latestDate = dateParser(latestDatePair[0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":344,"value":"scale = d3.scaleOrdinal(d3.schemeTableau10)","pinned":false,"hidden":false,"mode":"ojs"},{"id":827,"value":"dateParser = d3.utcParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"raw = d3.json(url)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1093,"value":"grouped_contests = d3.groups(raw.contests, (d) => d.group)","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"url = \"https://raw.githubusercontent.com/rdmurphy/scrape-la-county-election-results-2026/main/primary/timeframes.json\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":211,"value":"journalize = import(\"https://esm.sh/journalize@2\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}