31:T456,function parseBallotIssueElement(e) { const partyElement = e.parentElement; const countyResultsElement = partyElement.parentElement; const countiesElement = countyResultsElement.parentElement; const raceElement = countiesElement.parentElement; const typeRaceElement = raceElement.parentElement; let no_votes; try { no_votes = +e.querySelector('NoVotes').textContent; } catch(err) { no_votes = 0; } return { type: typeRaceElement.querySelector('Type').textContent, race_title: raceElement.querySelector('RaceTitle').textContent, county_name: countiesElement.querySelector('CountyName').textContent, reporting_precincts: +countyResultsElement.querySelector('ReportingPrecincts').textContent, total_precincts: +countyResultsElement.querySelector('TotalPrecincts').textContent, party_name: partyElement.querySelector('PartyName').textContent, candidate_id: e.querySelector('CandidateID').textContent, candidate_name: e.querySelector('LastName').textContent, yes_votes: +e.querySelector('YesVotes').textContent, no_votes: +no_votes, } }32:[] 2f:{"title":"Medicaid Expansion Ballot Issue Results","cells":[{"id":0,"value":"md`# Medicaid Expansion Ballot Issue Results`","pinned":false,"hidden":false,"mode":"ojs"},{"id":327,"value":"chart = html`\n

${title}

${subtitle}

\n ${markRendered}\n

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":245,"value":"mark = vl.markGeoshape({stroke: '#aaa', strokeWidth: 0.25})\n .data(topoJSON)\n .transform(\n vl.calculate(\"replace(datum.properties.NAMELSAD, ' County', '')\").as(\"name\"),\n vl.calculate(\"lower(datum.name)\").as(\"name_lower\"),\n vl.calculate(\"replace(datum.name_lower, ' ', '')\").as(\"join_name\"),\n vl.lookup('join_name')\n .from(\n vl.data(data)\n .key('join_key')\n .fields([\n 'county_name', 'margin', 'yes_votes', 'no_votes', \n 'pct_margin', 'pct_yes_votes', 'pct_no_votes'\n ])\n )\n )\n .encode(\n vl.color(colorEncoding),\n vl.tooltip(tooltipFields)\n )\n .project(vl.projection('albersUsa'))\n .width(markWidth - 12)\n .height(markHeight - 12)\n .autosize({\"contains\": \"padding\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":613,"value":"markWidth","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"md`## Dependencies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"md`### Packages`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"embed = require(\"vega-embed\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":43,"value":"md`### External notebooks`","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"vl = {\n const [vega, vegalite, api, tooltip] = await Promise.all([\n 'vega@5.11.1',\n 'vega-lite@4.11.0',\n 'vega-lite-api@0.11.0',\n 'vega-tooltip@0.22.1'\n ].map(module => require(module)));\n\n const options = {\n config: {\n // vega-lite default configuration\n config: {\n view: {continuousWidth: 400, continuousHeight: 300},\n mark: {tooltip: null}\n }\n },\n init: view => {\n // initialize tooltip handler\n view.tooltip(new tooltip.Handler().call);\n // enable horizontal scrolling for large plots\n if (view.container()) view.container().style['overflow-x'] = 'auto';\n if (view.container()) view.container().style['height'] = markHeight;\n if (view.container()) view.container().style['height'] = markWidth;\n },\n view: {\n // view constructor options\n loader: vega.loader({baseURL: 'https://cdn.jsdelivr.net/npm/vega-datasets@1/'}),\n renderer: 'canvas'\n }\n };\n \n return api.register(vega, vegalite, options);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"import {table} from \"@tmcw/tables/2\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"md`## Data wrangling`","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"md`### Results`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"resultsURL = 'https://mo-state-primary-election-results-2020.s3.us-east-2.amazonaws.com/results/latest.xml'","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"resultsXML = d3.xml(resultsURL)","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"function setWinner(d) {\n if (d.yes_votes > d.no_votes) {\n return \"Yes\"\n } else if (d.yes_votes < d.no_votes) {\n return \"No\"\n } else {\n return \"Tie\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"function setWinnerPct(d) {\n if (d.winner == \"Yes\") {\n return d.pct_yes_votes\n } else if (d.winner == \"No\") {\n return d.pct_no_votes\n } else {\n return 0\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"function getWinningPctOfTotal(d) {\n if (d.yes_votes > d.no_votes) {\n return (d.yes_votes / d.total) * 100\n } else if (d.yes_votes < d.no_votes) {\n return -(d.no_votes / d.total) * 100\n } else {\n return 0\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"data = Array.from(resultsXML.querySelectorAll('Candidate'))\n .map(element => parseBallotIssueElement(element))\n .filter(d => d.type == 'Ballot Issues')\n .filter(d => d.race_title == 'Constitutional Amendment No. 2')\n .map(\n d => (\n {\n ...d,\n total: d.yes_votes + d.no_votes,\n margin: d.yes_votes - d.no_votes,\n }\n )\n )\n .map(\n d => (\n {\n ...d,\n pct_yes_votes: (d.yes_votes / d.total) * 100,\n pct_no_votes: (d.no_votes / d.total) * 100,\n pct_margin: (d.margin / d.total) * 100,\n }\n )\n )\n .map(\n d => (\n {\n ...d,\n join_key: d.county_name.toLowerCase().replace(\" \", \"\")\n }\n )\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"data.length","pinned":true,"hidden":false,"mode":"ojs"},{"id":47,"value":"table(data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":266,"value":"d3.max(data, d => d.pct_margin)","pinned":true,"hidden":false,"mode":"ojs"},{"id":270,"value":"d3.min(data, d => d.pct_margin)","pinned":true,"hidden":false,"mode":"ojs"},{"id":315,"value":"statewideYesVotes = d3.sum(data, d => d.yes_votes)","pinned":true,"hidden":false,"mode":"ojs"},{"id":319,"value":"statewideNoVotes = d3.sum(data, d => d.no_votes)","pinned":true,"hidden":false,"mode":"ojs"},{"id":322,"value":"statewideTotalVotes = statewideYesVotes + statewideNoVotes","pinned":true,"hidden":false,"mode":"ojs"},{"id":333,"value":"statewidePctMargin = ((statewideYesVotes - statewideNoVotes) / statewideTotalVotes) * 100","pinned":true,"hidden":false,"mode":"ojs"},{"id":74,"value":"md`### Geoshapes`","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"geoURL = 'https://raw.githubusercontent.com/stlpublicradio/dailygraphics-archive/master/2018/2018-11-06-us-sen-mo-map/mocountieskc.json'","pinned":true,"hidden":false,"mode":"ojs"},{"id":77,"value":"topoJSON = vl.topojson(geoURL)\n .feature('mocountieskc')","pinned":true,"hidden":false,"mode":"ojs"},{"id":82,"value":"md`## Visualization`","pinned":false,"hidden":false,"mode":"ojs"},{"id":324,"value":"markRendered = mark.render()","pinned":true,"hidden":false,"mode":"ojs"},{"id":514,"value":"tooltipFields = [\n {type: 'nominal', field: 'county_name', title: 'Name'},\n {type: 'quantitative', field: 'yes_votes', title: 'Yes votes', format: \",\"},\n {type: 'quantitative', field: 'no_votes', title: 'No votes', format: \",\"},\n {type: 'quantitative', field: 'pct_yes_votes', title: 'Pct. Yes', format: \".2f\"},\n {type: 'quantitative', field: 'pct_no_votes', title: 'Pct. No', format: \".2f\"},\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":525,"value":"legendConfig = (\n {\n labelExpr: legendLabelExpression,\n orient: \"none\",\n direction: (markWidth >= 600 ? \"vertical\" : \"horizontal\"),\n legendX: (markWidth >= 600 ? markWidth - 75 : markWidth - 115),\n legendY: 10\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":519,"value":"colorEncoding = (\n {\n field: \"pct_margin\", type: \"quantitative\", \n title: \"Margin\",\n scale: {\n domain: [-80, 0, 80],\n scheme: \"redblue\",\n },\n legend: legendConfig\n }\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":495,"value":"mark.render()","pinned":true,"hidden":false,"mode":"ojs"},{"id":501,"value":"embed(mark.toSpec())","pinned":true,"hidden":false,"mode":"ojs"},{"id":279,"value":"legendLabelExpression = `\nif(\n datum.value == 0,\n 'Tied',\n if(\n datum.value > 0,\n join([abs(datum.value), '%', ' yes'], ''),\n join([abs(datum.value), '%', ' no'], '')\n )\n)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":618,"value":"screen.height","pinned":true,"hidden":false,"mode":"ojs"},{"id":624,"value":"markWidth","pinned":true,"hidden":false,"mode":"ojs"},{"id":626,"value":"screen.height <= markWidth","pinned":true,"hidden":false,"mode":"ojs"},{"id":147,"value":"markHeight = {\n if (screen.height <= markWidth) {\n return screen.height - 5;\n } else if (markWidth >= 500) {\n return 500;\n } else {\n return markWidth;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":328,"value":"title = `Medicaid Expansion Passes`","pinned":true,"hidden":false,"mode":"ojs"},{"id":330,"value":"subtitle = `On Tuesday, Missourians voted 'Yes' on Constitutional Amendment No. 2 by a ${d3.format(\".1f\")(statewidePctMargin)} percent margin.`","pinned":true,"hidden":false,"mode":"ojs"},{"id":484,"value":"width","pinned":true,"hidden":false,"mode":"ojs"},{"id":480,"value":"markWidth = {\n if (width >= 1190) {\n return Math.min(width - 518, 746)\n } else if (width >= 990) {\n return Math.min(width - 434, 746)\n } else {\n return width - 20\n }\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}