31:T5fc,byCounty = raw => { const countyNames = Array.from(new Set(raw.map(d => d.CountyName))) const data = countyNames.map(county => { const matches = raw.filter(d => d.CountyName === county).sort((a,b) => b.calcCandidateVotes - a.calcCandidateVotes) const winner = matches[0] return { county: county.replace('&','and'), id: winner.CountyID, // Assume same for all candidates reporting: { precincts: winner.TotalPrecincts, precinctsPartial: winner.PrecinctsPartial, precinctsReporting: winner.PrecinctsReporting, }, winner: { name: winner.calcCandidate, votes: winner.calcCandidateVotes, percentage: winner.calcCandidatePercentage, voteMargin: winner.calcCandidateVotes - matches[1].calcCandidateVotes, percentageMargin: winner.calcCandidatePercentage - matches[1].calcCandidatePercentage, }, candidates: matches.map(c => ({ name: c.calcCandidate, votes: c.calcCandidateVotes, percentage: c.calcCandidatePercentage, })), rows: matches.length, } }) // join with geodata const joined = { ...counties, features: counties.features.map(f => { const match = data.find(d => d.county === f.properties.NAMELABEL) if (!match) console.log('No match', f.properties.NAMELABEL) return { ...f, properties: { ...match } } }), summary: { totals: makeTotals(raceDataRaw), } } return joined }32:T526,stateRaceMap = map({ title: `${curRace} results as of ${timeFormat(new Date())}`, width: 800, height: 400, margin: {top: 40, left: 10, right: 250, bottom: 10}, // projection: d3.geoAlbers().rotate([110, 0, 0]), layers: [ new FeatureLayer({ geodata: dataByCounty, featureStyle: { fill: primaryShader } }), new FeatureLayer({ geodata: lakes, featureStyle: { fill: d => '#fff', opacity: d => 1, stroke: d => 'none', } }), new FeatureLayer({ geodata: highways, featureStyle: { fill: d => 'none', stroke: d => '#666', opacity: d => 0.3, } }), 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', }, }), new AnnotationLayer({ annotations: [ {x: 550, y: 310, text: `Data: Montana Secretary of State`}, {x: 550, y: 326, text: `Graphic: Eric Dietrich / MTFP`}, ], annotationStyle: { textSize: '12px', textStyle: 'italic', textAnchor: 'start', } }), new SVGGroupLayer({ x: 550, y: 15, group: legendGrid }) ], })33:T520,// Table summaryTable = ({title, data, shader}) => { // data should be pre-sorted totals from makeTotals() /* EX summaryTable({ title: `Dem. primary for U.S. House as of ${timeFormat(new Date())}`, data: makeTotals(raceDataRaw) }) */ // return data const rows = data.map((d,i) => { return html` ${d.name} ${numFormat(d.votes)} ${percentFormat(d.percent)} ${numFormat(d.votesBehindLeader)} ` }) const numVotesCounted = d3.sum(data, d => d.votes) const partialNote = (data[0].precinctsPartial > 0) ? ` and partial results from ${numFormat(data[0].precinctsPartial)} more` : `` const reportingCompleteness = html`

Reporting complete from ${numFormat(data[0].precinctsComplete)} of ${numFormat(data[0].precincts)} precincts${partialNote}.` return html` ${tableStyle}

${title}

${reportingCompleteness} ${rows}

Candidate	Votes counted	% of vote	Votes behind

` }34:T5c2,govLegendGridHorz = { const title = 'County leaders & margin' const candidates = dataByCounty.summary.totals.map(d => { const raw = d.name // all caps const split = raw.split(' ')[1] const cased = split[0] + split.slice(1,).toLowerCase() return cased }) // cols const breakPoints = [0,1000,5000,10000] // rows const w = 16 const nameLabels = svg`` const rows = breakPoints.map((row,i) => { const squares = candidates.map((candidate,j) => { return svg`` }) const text = ((i+1) < breakPoints.length) ? `Up ${numFormat(row + 1)}-${numFormat(breakPoints[i+1])} votes` : `Up ${numFormat(row)}+ votes` const rowLabel = svg`${text}` // rowLabel const dy = (w+2)*i + 20 return svg`${squares}${rowLabel}` }) const candidateLabels = candidates.map((candidate,j) => { const dx = (w+2)*j + 3 const dy = (w+2)*(breakPoints.length) + 2 + 20 return svg` ${candidate} ` }) return svg`` }35:T689,legendGrid = { const title = 'County leaders & margin' const candidates = dataByCounty.summary.totals.map(d => { const raw = d.name // all caps const split = raw.split(' ')[1] const cased = split[0] + split.slice(1,).toLowerCase() return { name: cased, party: d.party, } }) // cols const breakPoints = [0,1000,5000,10000] // rows const w = 16 const nameLabels = svg`` const rows = candidates.map((row,i) => { const squares = breakPoints.map((candidate,j) => { return svg`` }) const text = `${row.name} (${row.party})` const rowLabel = svg`${text}` // rowLabel const dy = (w+2)*i + 20 return svg`${squares}${rowLabel}` }) const colLabels = breakPoints.map((col,i) => { const dx = (w+2)*i + 3 const dy = (w+2)*(candidates.length) + 2 + 20 // const text = ((i+1) < breakPoints.length) ? // `Up ${numFormat(col + 1)}-${numFormat(breakPoints[i+1])} votes` : // `Up ${numFormat(col)}+ votes` const text = (i === 0) ? `Up <${numFormat(breakPoints[i+1])} votes` : `Up ${numFormat(col)}+ votes` return svg` ${text} ` }) return svg`` }36:T5a0,legRaceMap = map({ title: `XXXRace results as of ${timeFormat(new Date())}`, width: 800, height: 400, margin: {top: 40, left: 10, right: 250, bottom: 10}, projection: d3.geoAlbers().rotate([110, 0, 0]), layers: [ new FeatureLayer({ geodata: districts.house, featureStyle: { fill: legPrimaryShader, } }), new FeatureLayer({ geodata: lakes, featureStyle: { fill: d => '#666', opacity: d => 0.5, stroke: d => 'none', } }), // new FeatureLayer({ // geodata: highways, // featureStyle: { // fill: d => 'none', // stroke: d => '#666', // opacity: d => 0.3, // } // }), 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', }, }), new AnnotationLayer({ annotations: [ {x: Math.min(width, 800) - 50, y: (Math.min(width, 800) * 0.6) - 60, text: `Data: Montana Secretary of State`}, {x: Math.min(width, 800) - 50, y: (Math.min(width, 800) * 0.6) - 45, text: `Graphic: Eric Dietrich / MTFP`}, ], annotationStyle: { textSize: '12px', textStyle: 'italic', textAnchor: 'end', } }), new SVGGroupLayer({ x: 550, y: 15, group: svg`` }) ], })37:T5a7,legRaceMapSenate = map({ title: `XXXRace results as of ${timeFormat(new Date())}`, width: 800, height: 400, margin: {top: 40, left: 10, right: 250, bottom: 10}, projection: d3.geoAlbers().rotate([110, 0, 0]), layers: [ new FeatureLayer({ geodata: districts.senate, featureStyle: { fill: legPrimaryShader, } }), new FeatureLayer({ geodata: lakes, featureStyle: { fill: d => '#666', opacity: d => 0.5, stroke: d => 'none', } }), // new FeatureLayer({ // geodata: highways, // featureStyle: { // fill: d => 'none', // stroke: d => '#666', // opacity: d => 0.3, // } // }), 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', }, }), new AnnotationLayer({ annotations: [ {x: Math.min(width, 800) - 50, y: (Math.min(width, 800) * 0.6) - 60, text: `Data: Montana Secretary of State`}, {x: Math.min(width, 800) - 50, y: (Math.min(width, 800) * 0.6) - 45, text: `Graphic: Eric Dietrich / MTFP`}, ], annotationStyle: { textSize: '12px', textStyle: 'italic', textAnchor: 'end', } }), new SVGGroupLayer({ x: 550, y: 15, group: svg`` }) ], })38:Ta32,cities = ({ "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -114.00941481367617, 46.86845609815254 ] }, "properties": { "GEOID": "3050200", "NAME": "Missoula", offset: [-15,12], } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -105.83850296885869, 46.40588180031621 ] }, "properties": { "GEOID": "3049525", "NAME": "Miles City" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -114.32618037830662, 48.21553771988646 ] }, "properties": { "GEOID": "3040075", "NAME": "Kalispell", } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -109.68049816861198, 48.54275568290601 ] }, "properties": { "GEOID": "3035050", "NAME": "Havre" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -112.54225090137798, 45.99630474669668 ] }, "properties": { "GEOID": "3011397", "NAME": "Butte" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -111.05476616601253, 45.682775182946244 ] }, "properties": { "GEOID": "3008950", "NAME": "Bozeman", offset: [-15,-5], } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -112.0196972521252, 46.59642057169749 ] }, "properties": { "GEOID": "3035600", "NAME": "Helena", offset: [-15,-5], } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -108.55027669152761, 45.788885426373696 ] }, "properties": { "GEOID": "3006550", "NAME": "Billings", offset: [-20,15], } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -111.29948415503986, 47.50216159847621 ] }, "properties": { "GEOID": "3032800", "NAME": "Great Falls" } } ] })39: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(); }3a:T94e,class PointLayer { constructor(opts) { // required opts this.geodata = opts.geodata this.features = opts.geodata.features // optional opts this.featureStyle = opts.featureStyle || {} this.labelStyle = opts.labelStyle this.customMarker = opts.customMarker || null // calculated this.style = { radius: d => 2, opacity: d => 1, fill: d => '#222', fillOpacity: d => 1, stroke: d => null, strokeWidth: d => 1, strokeOpacity: d => 1, ...this.featureStyle } this.label = { text: d => null, fill: d => '#000', fontSize: d=> '12px', dx: d => '0.5em', dy: d => '0.5em', textAnchor: d => 'start', ...this.labelStyle } } plot(parent, projection){ const path = d3.geoPath().projection(projection); const style = this.style const label = this.label // const shapes = parent.append('g').attr('class','feature-layer') const customMarker = this.customMarker const markerGroups = parent.append('g').attr('class','feature-layer') .selectAll('.feature') .data(this.features).enter() .append('g') .attr('transform', d => { const point = path.centroid(d) return `translate(${point[0]},${point[1]})` }) if (customMarker) { markerGroups.each(customMarker, label) } else { markerGroups.append('circle') .attr('r', (f => style.radius(f.properties))) .attr('cx', 0) .attr('cy', 0) .attr('class', 'feature') .attr('opacity', (f => style.opacity(f.properties))) .attr('fill', (f => style.fill(f.properties))) .attr('fill-opacity', (f => style.fillOpacity(f.properties))) .attr('stroke', (f => style.stroke(f.properties))) .attr('stroke-width', (f => style.strokeWidth(f.properties))) .attr('stroke-opacity', (f => style.strokeOpacity(f.properties))) } if (label) { markerGroups.append('text') .attr('x',0) .attr('y',0) .attr('font-size', f => label.fontSize(f.properties)) .attr('text-anchor', f => label.textAnchor(f.properties)) .attr('dy', f => label.dy(f.properties)) .attr('dx', f => label.dx(f.properties)) .attr('fill', f => label.fill(f.properties)) .text(f => label.text(f.properties)) } } }3b: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))) } }3c:T493,class AnnotationLayer { constructor(opts) { // required opts this.annotations = opts.annotations // optional opts this.annotationStyle = opts.annotationStyle this.style = { fill: d => '#000', dx: d => '0.5em', dy: d => '0.5em', textAnchor: 'start', ...this.annotationStyle } } plot(parent, projection){ // const path = d3.geoPath().projection(projection); const style = this.style // const shapes = parent.append('g').attr('class','feature-layer') const annotationGroups = parent.append('g').attr('class','feature-layer') .selectAll('.feature') .data(this.annotations).enter() .append('g') .attr('transform', d => { return `translate(${d.x},${d.y})` }) annotationGroups.append('text') .attr('x',0) .attr('y',0) .attr('text-anchor', style.textAnchor) .attr('font-size', style.textSize) .attr('font-style', style.textStyle) // .attr('dy', f => style.dy(f.properties)) // .attr('dx', f => style.dx(f.properties)) // .attr('fill', f => style.fill(f.properties)) .text(f => f.text) } }3d:[] 2f:{"title":"Montana 2020 primary elex night graphics","cells":[{"id":0,"value":"md`# Montana 2020 primary elex night graphics\n(Note: Work in progress)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1037,"value":"raceParams = [\n // Source from inspecting SOS election website\n \n // 2018 dem us house primary\n { \n key: '[TEST] 2018 Dem. U.S. House primary',\n type: 'FED',\n category: 'CTY',\n raceId: '450006395',\n osn: '03', // office code\n county: '0',\n party: 'DEM',\n electionID: '16',\n },\n \n // 2016 gov general\n {\n key: '[TEST] 2016 gubernatorial election',\n type: 'STATE',\n category: 'CTY',\n raceId: '450005632',\n osn: '175', // office code\n county: '0',\n party: '0',\n electionID: '14',\n },\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1046,"value":"viewof curRace = DOM.select(raceParams.map(d => d.key))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1058,"value":"raceDataRaw = {\n const params = raceParams.find(d => d.key === curRace)\n return fetchData(params)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1029,"value":"fetchData = params => {\n const baseUrl = 'https://esersws.mt.gov/ResultsAjax.svc/GetMapDataArchive'\n const url = baseUrl + '?' + objectToQueryString(params)\n return fetch(url).then(response => {\n return response.json()\n }).then(data => data.d)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1090,"value":"houseGOP2018Data = fetchData({\n key: '2018 Dem. House primary',\n type: 'HOUSE',\n category: 'SW',\n raceId: '0',\n osn: '0', // office code\n county: '0',\n party: 'REP',\n electionID: '16',\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":362,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":989,"value":"makeTotals = raw => {\n const candidateNames = Array.from(new Set(raw.map(d => d.calcCandidate)))\n const totals = candidateNames.map(name => {\n const matches = raw.filter(d => d.calcCandidate === name)\n const candidateVotes = d3.sum(matches, d => d.calcCandidateVotes)\n const totalVotes = d3.sum(raw, d => d.calcCandidateVotes)\n return {\n name: name,\n party: matches && matches[0].PartyCode[0],\n votes: candidateVotes,\n percent: candidateVotes / totalVotes,\n precincts: matches[0].TotalPrecincts,\n precinctsComplete: matches[0].PrecinctsReporting,\n precinctsPartial: matches[0].PrecinctsPartial,\n raceVotesIn2016: 'TK'\n }\n }).sort((a,b) => b.votes - a.votes)\n \n // Add votes behind leader\n const leader = totals[0]\n totals.forEach(d => {\n d.votesBehindLeader = leader.votes - d.votes\n })\n\n return totals\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1140,"value":"makeTotals(raceDataRaw)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1066,"value":"dataByCounty = byCounty(raceDataRaw)","pinned":false,"hidden":false,"mode":"ojs"},{"id":419,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":910,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1009,"value":"summaryTable({\n title: `${curRace} as of ${timeFormat(new Date())}`,\n data: makeTotals(raceDataRaw),\n shader: (d,i) => categoricalColors[i][1]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1088,"value":"legislativeTable = ({title, districts, shader}) => { \n const tables = districts.map(district => {\n \n if (district.totals.length === 0) return html`

No candidates in ${district.district}

`\n \n return summaryTable({\n title: `${district.district} GOP primary`,\n data: district.totals,\n shader: shader\n })\n })\n \n return html`\n\n

${title}

\n${tables}\n

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1180,"value":"legislativeTable({\n title: `Select House Districts as of ${timeFormat(new Date())}`,\n districts: gopRacesToWatch.map(district => {\n const candidates = houseGOP2018Data.filter(d => district === d.AreaNum.replace(\" 00\",\" \").replace(\" 0\",\" \"))\n const totals = makeTotals(candidates)\n return { district, totals\n }\n }),\n shader: (d,i) => partyColor('R'),\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"svgLegend = (scale, title, vals) => {\n const dim = 14\n const cols = 3\n const colWidth = 200\n \n const items = vals.map((d,i) => {\n const dx = (d.dx ? d.dx : 0)\n const dy = 2 + (i+1)*(dim+2) + (d.dy ? d.dy : 0)\n return svg`\n \n ${d.label}\n`\n })\n \n return svg``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"precinctsCountedScale = d => {\n if (d.val === 0) return '#d9d9d9'\n if (d.val === 100) return '#8c2d04'\n if (d.val < 25) return '#fee391'\n if (d.val < 50) return '#fec44f'\n if (d.val < 75) return '#fe9929'\n if (d.val >= 75) return '#ec7014'\n else return '#666'\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":341,"value":"primaryShader = d => {\n const candidates = dataByCounty.summary.totals.map(d => d.name)\n const winner = d.winner.name\n const margin = d.winner.voteMargin\n const candidateIndex = candidates.indexOf(winner)\n let marginIndex\n if (margin < 1000) marginIndex = 0\n else if (margin < 5000) marginIndex = 1\n else if (margin < 10000) marginIndex = 2\n else if (margin >= 10000) marginIndex = 3\n else return '#666' // Fallback\n const color = categoricalColors[candidateIndex][marginIndex]\n return color\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":296,"value":"categoricalColors = [\n ['#9fe3cd','#66c2a5','#1b9e77','#057352'], // teal //cb-light, cb, interpolation\n ['#fcae90','#fc8d62','#d95f02','#a14600'], // orange\n ['#b9c9ed','#8da0cb','#7570b3','#4d4791'], // purple\n ['#f5b8dd','#e78ac3','#e7298a','#96004c'], // fuschia\n ['#c6f081','#a6d854','#66a61e','#315c02'], // olive\n ['#ffea8c','#ffd92f','#e6ab02','#ad7f00'], // yellow\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":881,"value":"partyColor = (key) => {\n const parties = [\n {key: 'R', name:'Republican', color: '#d73027'},\n {key: 'D', name:'Democrat', color: '#4575b4'},\n {key: 'L', name:'Libertarian', color: '#e89a0b'},\n {key: 'G', name:'Green Party', color: '#36913f'},\n {key: 'N', name:'Nonpartisan', color: '#858585'},\n {key: 'I', name:'Independent', color: '#858585'},\n ]\n return parties.find(d => d.key === key).color\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":654,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":748,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":287,"value":"svgLegend(precinctsCountedScale, 'Results status', [\n {val: 0, label: 'No precincts counted'},\n {val: 10, label: 'Count at <25% of \\'16 vote'},\n {val: 30, label: 'Count at 25-49% of \\'16 vote'},\n {val: 60, label: 'Count at 50-75% of \\'16 vote'},\n {val: 80, label: 'Count at >75% of \\'16 vote'},\n {val: 100, label: 'All precincts counted'},\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":983,"value":"tableStyle = html`\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":841,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":888,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":871,"value":"legPrimaryShader = d => {\n if (gopRacesToWatch.includes(d.district)) {\n if (d.is_solutions_seat === 'yes') return 'purple'\n else return partyColor('R')\n }\n else return '#ddd'\n // return (d.incumb_party === 'R') ? 'red' : 'blue'\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"md`## Libraries + base data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"counties = {\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":456,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"highways = {\n const highways = await d3.json('https://gist.githubusercontent.com/eidietrich/67cbe6196b6b87698fc42f50e96076ab/raw/4d51ceb627c76360497837e1ac5338698f7df752/ne_mt_highways_state_resolution.topojson.json')\n \n const topo = topojson.feature(highways, highways.objects.highways)\n topo.features = topo.features.filter(d => d.properties.type === 'Major Highway')\n return topo\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":461,"value":"lakes = {\n const topo = await d3.json('https://gist.githubusercontent.com/eidietrich/753ea92617c64c938ad36fddad3b0b7f/raw/63273fccb218ffdcf1d14b0c0d31cbe658588661/mt-major-lakes.json')\n \n const geo = topojson.feature(topo, topo.objects.lakes)\n return geo\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":831,"value":"districts = {\n const raw = await d3.json('https://gist.githubusercontent.com/eidietrich/33859ad937b1bc6ac4291c075fbaba16/raw/c772cbff28cc80bb63a4e25ed4a5ef2179c773df/mt-leg-districts.json')\n const houseRaw = topojson.feature(raw, raw.objects.house)\n const senateRaw = topojson.feature(raw, raw.objects.senate)\n \n // data merge\n const house = {\n ...houseRaw,\n features: houseRaw.features.map(district => {\n const match = districtData.find(d => d.district === `HD ${district.properties.DISTRICT}`)\n if (!match) console.log('No match', district)\n return {\n ...district,\n properties: match\n }\n })\n }\n \n const senate = {\n ...senateRaw,\n features: senateRaw.features.map(district => {\n const match = districtData.find(d => d.district === `SD ${district.properties.DISTRICT}`)\n if (!match) console.log('No match', district)\n return {\n ...district,\n properties: match\n }\n })\n }\n \n return {house, senate}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":866,"value":"gopRacesToWatch = [\n 'HD 21', 'HD 7', 'HD 14', 'HD 35', 'HD 37', 'HD 39', 'HD 68', 'HD 70', 'HD 86', 'HD 88', 'SD 10', 'SD 28',\n 'HD 11', 'HD 9', 'HD 10', 'HD 75', 'SD 44',\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":856,"value":"districtData = {\n const raw = await d3.csv('https://gist.githubusercontent.com/eidietrich/2fb2b3c7c393f100f5e91ae6aef606fa/raw/37338418bc139021aa53da4b1e3752d5a099584c/mt-leg-districts-2020.csv')\n // manual edits to remove Sales, Ballance solutions caucus\n raw.forEach(d => {\n d.in_race = d.in_race ? d.in_race.slice(1,).slice(0,-1) : ''\n d['trump_%'] = +d['trump_%']\n if (d['trump_%'] >= 0.75) {\n d.district_cat = 'Solid GOP'\n // d.district_color = 'red'\n } else if (d['trump_%'] >= 0.55) {\n d.district_cat = 'Leans GOP'\n \n } else if (d['trump_%'] > 0.45) {\n d.district_cat = 'Competitive'\n \n } else if (d['trump_%'] > 0.25) {\n d.district_cat = 'Leans Dem.'\n \n } else {\n d.district_cat = 'Solid Dem.'\n }\n })\n return raw\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"objectToQueryString = (obj) => Object.keys(obj).map(key => key + '=' + obj[key]).join('&')","pinned":false,"hidden":false,"mode":"ojs"},{"id":731,"value":"numFormat = d3.format(',')","pinned":false,"hidden":false,"mode":"ojs"},{"id":824,"value":"timeFormat = d3.timeFormat(\"%I:%M %p, %x\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":931,"value":"percentFormat = d3.format('.1%')","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"embed = require('vega-embed@4')","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"$39","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs"},{"id":492,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs"},{"id":504,"value":"class SVGGroupLayer {\n constructor(opts) {\n // required opts\n this.group = opts.group\n this.x = opts.x\n this.y = opts.y\n // optional opts\n const s = new XMLSerializer()\n this.serialized = s.serializeToString(this.group)\n }\n plot(parent, projection){\n const style = this.style\n \n const annotation = parent.append('g')\n .attr('class','svg-group-layer')\n .attr('transform', `translate(${this.x},${this.y})`)\n annotation.html(this.serialized)\n }\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W3d","stdlib":"1","titling":"auto"}