31:T4c4,comparisonMap = () => map({ // title: (width > 500) ? `Known active COVID-19 cases in Montana, ${d3.timeFormat('%B %d, %Y')(new Date())}` : `Known active COVID-19 cases`, width: largeMapWidth(), height: largeMapWidth() * 0.6, margin: {top: 10, left: 10, right: 10, bottom: 10}, projection: d3.geoAlbers().rotate([110, 0, 0]), layers: [ new FeatureLayer({ geodata: mergeInData( countyFeatures, compareCandidates(candidate1, candidate2), 'NAMELABEL', 'county' ), featureStyle: { fill: d => voteShiftColor(d.difference) } }), // new FeatureLayer({ // geodata: lakes, // featureStyle: { // fill: d => '#aaa', // opacity: d => 1, // stroke: d => 'none', // } // }), // new FeatureLayer({ // geodata: highways, // featureStyle: { // fill: d => 'none', // stroke: d => '#aaa', // } // }), // new PointLayer({ // geodata: cities, // labelStyle: { // text: d => (width > 500) ? d.NAME : '', // dx: d => d.offset ? d.offset[0] : '0.5em', // dy: d => d.offset ? d.offset[1] : '0.5em', // }, // }), ], })32:T47a,compareCandidates = (candidate1, candidate2) => { const results1 = candidateResultsByCounty(candidate1) const results2 = candidateResultsByCounty(candidate2) const totals1 = totalVotesByCounty(results1[0].RaceName, results1[0].year) const totals2 = totalVotesByCounty(results2[0].RaceName, results2[0].year) return counties.map(county => { const candidate1Votes = results1.find(d => d.CountyName === county).votes const candidate1Total = totals1.find(d => d.county === county).totalVotes const candidate2Votes = results2.find(d => d.CountyName === county).votes const candidate2Total = totals2.find(d => d.county === county).totalVotes return { county: county, candidate1Votes: candidate1Votes, candidate1Percent: candidate1Votes / candidate1Total, candidate2Votes: candidate2Votes, candidate2Percent: candidate2Votes / candidate2Total, difference: candidate2Votes - candidate1Votes, differencePercent: (candidate2Votes / candidate2Total) - (candidate1Votes / candidate1Total), // percentChange: (candidate2Votes - candidate1Votes) / candidate1Votes } }) }33:T52a,candidates = [ "STEVE BULLOCK AND MIKE COONEY (D) - 2016", "STEVE BULLOCK (D) - 2020", "GREG GIANFORTE AND LESLEY ROBINSON (R) - 2016", "GREG GIANFORTE AND KRISTEN JURAS (R) - 2020", "MIKE COONEY AND CASEY SCHREINER (D) - 2020", "GREG GIANFORTE (R) - 2018", "KATHLEEN WILLIAMS (D) - 2018", "STEVE DAINES (R) - 2020", "JON TESTER (D) - 2018", "MATT ROSENDALE (R) - 2018", "HILLARY CLINTON AND TIM KAINE (D) - 2016", "DONALD J. TRUMP AND MICHAEL R. PENCE (R) - 2016", "DONALD J. TRUMP AND MICHAEL R. PENCE (R) - 2020", "JOSEPH R. BIDEN AND KAMALA D. HARRIS (D) - 2020", "RYAN ZINKE (R) - 2016", "DENISE JUNEAU (D) - 2016", "MATT ROSENDALE (R) - 2020", "KATHLEEN WILLIAMS (D) - 2020", "SHANE A MORIGEAU (D) - 2020", "TROY DOWNING (R) - 2020", "ELSIE ARNTZEN (R) - 2020", "MELISSA ROMANO (D) - 2020", "AUSTIN KNUDSEN (R) - 2020", "RAPH GRAYBILL (D) - 2020", "LARRY JENT (D) - 2016", "TIM FOX (R) - 2016", "BRYCE BENNETT (D) - 2020", "CHRISTI JACOBSEN (R) - 2020", "COREY STAPLETON (R) - 2016", "MONICA J. LINDEEN (D) - 2016", "ROGER ROOTS (L) - 2016", "JESSE LASLOVICH (D) - 2016", "MATT ROSENDALE (R) - 2016", "ELSIE ARNTZEN (R) - 2016", "MELISSA ROMANO (D) - 2016", ]34:T419,overallResults = (candidate1, candidate2) => { const results1 = candidateResultsByCounty(candidate1) const results2 = candidateResultsByCounty(candidate2) const totals1 = totalVotesByCounty(results1[0].RaceName, results1[0].year) const totals2 = totalVotesByCounty(results2[0].RaceName, results2[0].year) const candidate1Total = d3.sum(results1, d => d.votes) const totalVotes1 = d3.sum(totals1, d=> d.totalVotes) const candidate1Percent = candidate1Total / totalVotes1 const candidate2Total = d3.sum(results2, d => d.votes) const totalVotes2 = d3.sum(totals2, d=> d.totalVotes) const candidate2Percent = candidate2Total / totalVotes2 const change = candidate2Total - candidate1Total const pointChange = candidate2Percent - candidate1Percent return `

Statewide: ${numFormat(candidate1Total)} votes (${percentFormat(candidate1Percent)}) to ${numFormat(candidate2Total)} votes (${percentFormat(candidate2Percent)}). Change: ${changeFormat(change)} votes (${changePercentFormat(pointChange)})

` }35:T566,map = (opts) => { const layers = opts.layers if (layers.length === 0) return 'No layers to map' const title = opts.title const height = opts.height || 600 const width = opts.width || 800 // width comes predefined const topMargin = title ? 40 : 10 const margin = opts.margin || {top: topMargin, left: 40, right: 40, bottom: 10} const projection = opts.projection || d3.geoMercator() // Dimensional calcs const plotWidth = width - margin.left - margin.right const plotHeight = height - margin.top - margin.bottom const svg = d3.select(DOM.svg(width, height)) .style('background-color', '#fff') // .style("width", "100%") .style("height", "auto") // .style('border', '1px solid #ddd') .attr('font-family','sans-serif') const plot = svg.append('g') .attr('transform', `translate(${margin.left},${margin.top})`) .attr('font-size',10) .attr('text-anchor','middle') // fit map based on first layer (i.e. base layer) projection.fitSize([plotWidth, plotHeight], layers[0].geodata) layers.forEach(layer => layer.plot(plot, projection)) if (title) { svg.append('text') .attr('y', margin.top - 14) .attr('x', margin.left + plotWidth / 2) .text(title) .attr('text-anchor','middle') .attr('font-size', 14) .attr('font-weight', 'bold') } return svg.node(); }36:T47c,class FeatureLayer { constructor(opts) { // required opts this.geodata = opts.geodata this.features = opts.geodata.features // optional opts this.featureStyle = opts.featureStyle || {} // calculated this.style = { opacity: d => 1, fill: d => '#ddd', fillOpacity: d => 1, stroke: d => '#fff', strokeWidth: d => 1, strokeOpacity: d => 1, ...this.featureStyle } } plot(parent, projection){ const path = d3.geoPath().projection(projection); const style = this.style const shapes = parent.append('g').attr('class','feature-layer') shapes.selectAll('.feature') .data(this.features).enter() .append('path') .attr('d', path) .attr('class', 'feature') .attr('opacity', (f => style.opacity(f.properties))) .attr('fill', (f => style.fill(f.properties))) .attr('fillOpacity', (f => style.fillOpacity(f.properties))) .attr('stroke', (f => style.stroke(f.properties))) .attr('strokeWidth', (f => style.strokeWidth(f.properties))) .attr('strokeOpacity', (f => style.strokeOpacity(f.properties))) } }37:[{"id":"dc07966ee670674dae9b28d9a1bab45433f2f43b1e87e263d8ba3424c5ae73b14a834bfa92a391c0c32e561e8ea66a1f06dba920d035a8b831823866e6d89b51","href":"https://static.observableusercontent.com/files/dc07966ee670674dae9b28d9a1bab45433f2f43b1e87e263d8ba3424c5ae73b14a834bfa92a391c0c32e561e8ea66a1f06dba920d035a8b831823866e6d89b51","name":"comparative-results-16-to-20@5.csv","type":"text/csv","lastModified":1605024145356.454,"size":196584}] 2f:{"title":"Comparing how statewide Montana candidates have performed","cells":[{"id":0,"value":"md`# Comparing how statewide Montana candidates have performed\nProof-of-concept tools for data exploration. Tell me about ideas. Could pull in pre-2016 data if this is useful.\n\nOther todos: Label names w/ position sought, group counties into urban/rural/native-majority, blue/red historically etc.\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"md`_Compare_:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"viewof candidate1 = {\n const defaultIndex = 0\n const optionsRendered = candidates.map((c,i) => ``)\n return html``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"md`_to_`","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"viewof candidate2 = {\n const defaultIndex = 1\n const optionsRendered = candidates.map((c,i) => ``)\n return html``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":272,"value":"comparisonMapEmbed = html`\n

\n\n

${comparisonMap()}

Map: Eric Dietrich / MTFP

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"table = html`\n\n

\n${overallResults(candidate1, candidate2)}\n${comparisonTable(candidate1, candidate2)}\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"comparisonTable = (candidate1, candidate2) => {\n const merged = compareCandidates(candidate1, candidate2)\n return `\n \n \n \n \n \n \n ${merged\n .map(d => `\n \n \n \n \n `).join('')}\n

County	Votes won ${candidate1}	vs. Votes won ${candidate2}	Difference
\n *${d.county}* \n	\n ${numFormat(d.candidate1Votes)}\n (${percentFormat(d.candidate1Percent)})	\n ${numFormat(d.candidate2Votes)} (${percentFormat(d.candidate2Percent)})	\n ${changeFormat(d.difference)}\n (${changePercentFormat(d.differencePercent)})\n

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":317,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":298,"value":"// colorScales = {\n// // From https://colorbrewer2.org/\n// 'D': ['#f1eef6','#d0d1e6','#a6bddb', '#3690c0','#0570b0','#034e7b'],\n// 'R': ['#fee5d9','#fcbba1','#fc9272','#ef3b2c','#cb181d','#99000d'],\n// 'L': ['#edf8e9','#c7e9c0','#a1d99b','#41ab5d','#238b45','#005a32'],\n// 'default': ['#f2f0f7', '#dadaeb', '#bcbddc', '#9e9ac8', '#756bb1', '#54278f'],\n// }","pinned":true,"hidden":false,"mode":"ojs"},{"id":324,"value":"voteShiftColor = d3.scaleLinear()\n .domain([-5000,-1000,0,1000,5000])\n .range(['#b35806','#f1a340','#fee0b6','#f7f7f7','#d8daeb','#998ec3','#542788'])","pinned":true,"hidden":false,"mode":"ojs"},{"id":330,"value":"voteShiftColor(10)","pinned":true,"hidden":false,"mode":"ojs"},{"id":299,"value":"demVotesColor = d3.scaleLinear()\n .domain([0, 100, 500, 1000, 10000, 50000])\n .range(['#f1eef6','#d0d1e6','#a6bddb', '#3690c0','#0570b0','#034e7b'])","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"raw = FileAttachment(\"comparative-results-16-to-20@5.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"data = raw.map(d => {\n return {\n ...d,\n votes: +d.votes,\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"counties = [\n // Pop center\n \"Yellowstone\", \"Gallatin\",\"Flathead\", \"Lewis & Clark\", \"Cascade\", \"Missoula\", \"Silver Bow\", \"Deer Lodge\", \"Ravalli\",\n // Large Native populations\n \"Big Horn\", \"Roosevelt\",\"Rosebud\", \"Glacier\", \"Lake\", \"Hill\", \"Blaine\",\n // Other rural\n \"Beaverhead\",\"Broadwater\",\"Carbon\", \"Carter\", \"Chouteau\", \"Custer\", \"Daniels\", \"Dawson\", \"Fallon\", \"Fergus\", \"Garfield\", \"Golden Valley\", \"Granite\",\"Jefferson\", \"Judith Basin\", \"Liberty\", \"Lincoln\",\"Madison\", \"McCone\",\"Meagher\",\"Mineral\",\"Musselshell\",\"Park\",\"Petroleum\",\"Phillips\",\"Pondera\",\"Powder River\",\"Powell\",\"Prairie\",\"Richland\",\"Sanders\",\"Sheridan\",\"Stillwater\",\"Sweet Grass\",\"Teton\",\"Toole\",\"Treasure\",\"Valley\",\"Wheatland\",\"Wibaux\",]","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"totalVotesByCounty = (race, year) => counties.map(county => {\n const matches = data\n .filter(d => d.year === year)\n .filter(d => d.RaceName === race)\n .filter(d => d.CountyName === county)\n return {\n county,\n totalVotes: d3.sum(matches, d => d.votes)\n \n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"candidateResultsByCounty = candidate => {\n return data.filter(d => d.NameLabel === candidate)\n .sort((a,b) => a.CountyName.localeCompare(b.CountyName))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"totalVotesByCounty(\"UNITED STATES SENATOR\",\"2018\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":216,"value":"candidateResultsByCounty(\"JON TESTER (D) - 2018\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":233,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"numFormat = d3.format(',.0f')","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"changeFormat = d3.format('+,.0f')","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"percentFormat = d3.format('.0%')","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"changePercentFormat = d3.format('+.0%')","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"countyFeatures = {\n const mtCounties = await d3.json('https://gist.githubusercontent.com/eidietrich/1f4727a8fb1a32bda14c921b29028bfd/raw/2479b3ae8ca3aa09c2b9f2cb9c9ca7f892250a96/mt-counties.geojson')\n \n return mtCounties\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":278,"value":"mergeInData = (geojson, flatData, geoKey, flatKey) => {\n return {\n ...geojson,\n features: geojson.features.map(f => {\n if (f.properties[geoKey] === 'Lewis and Clark') {\n f.properties[geoKey] = 'Lewis & Clark'\n }\n const match = flatData.find(d => d[flatKey] === f.properties[geoKey])\n if (!match) console.log('No match', f.properties)\n return {\n ...f,\n properties: {\n ...f.properties,\n ...match,\n }\n }\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"mergeInData(countyFeatures, candidateResultsByCounty(\"JON TESTER (D) - 2018\"), 'NAMELABEL', 'CountyName')","pinned":true,"hidden":false,"mode":"ojs"},{"id":253,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":262,"value":"largeMapWidth = () => {\n if (width <= 600) {\n return width - 20\n } else if (width >= 1400 ){\n return 1400 * 0.9 * 0.66\n } else {\n return width * 0.9 * 0.66 - 10\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs"},{"id":336,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W37","stdlib":"1","titling":"auto"}