31:T78a,interactiveMap = { // const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const canvas = d3 .create("canvas") .attr("width", width) .attr("height", height) .node(); canvas.width = width; canvas.height = height; let ctx = canvas.getContext("2d"); scaleCanvas(canvas, ctx); function draw() { ctx.fillStyle = "rgba(255,255,255,0.5)"; ctx.fillRect(0, 0, width, height); simulation.nodes().forEach(d => { let opacity = 0.2 + d.value; let fill = "lightgray"; // if (tt.eevp > 90) { if (d.stateWinner) { if (d.results.trumpd < d.results.bidenj) { fill = blue; } else if (d.results.trumpd > d.results.bidenj) { fill = red; } } // } let rgb = d3.rgb(fill); ctx.strokeStyle = `rgba(${rgb.r},${rgb.g},${rgb.b},${0.1}`; // ctx.globalAlpha = opacity; ctx.beginPath(); ctx.moveTo(d.cx, d.cy); ctx.lineTo(d.x, d.y); ctx.stroke(); }); simulation.nodes().forEach(d => { // let problem = shirleyDataByFIPS.get(d.id); // if (problem) {// return "orange";} let opacity = 0.2 + d.value; let fill = "lightgray"; // if (tt.eevp > 90) { if (d.stateWinner) { if (d.results.trumpd < d.results.bidenj) { fill = blue; } else if (d.results.trumpd > d.results.bidenj) { fill = red; } } // } let rgb = d3.rgb(fill); ctx.fillStyle = `rgba(${rgb.r},${rgb.g},${rgb.b},${opacity}`; // ctx.globalAlpha = opacity; ctx.beginPath(); ctx.arc(d.x, d.y, d.r * 0.9, 0, Math.PI * 2); ctx.fill(); }); } draw(); // svg.append("g").attr("transform", "translate(${height},20)"); // .append(() => legend({ ramp, title: data.title, width: 260 })); simulation.on("tick", draw); invalidation.then(() => simulation.stop()); return canvas; }32:T614,mapSizedByVote = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); // svg.append("g").attr("transform", "translate(${height},20)"); // .append(() => legend({ ramp, title: data.title, width: 260 })); svg .append("g") .selectAll("circle") .data(circles.filter(d => !!d.winner)) .join("circle") .attr("fill", d => { let tt = nytPresCountiesByFIPS.get(d.id); if (!tt) return "lightgray"; if (tt.results.trumpd < tt.results.bidenj) { return blue; } else if (tt.results.trumpd > tt.results.bidenj) { return red; } return "lightgray"; }) .attr("stroke", d => { let problem = shirleyDataByFIPS.get(d.id); if (problem) { return "orange"; } return "none"; }) .attr("opacity", d => { let tt = nytPresCountiesByFIPS.get(d.id); if (!tt) return 0.1; return ( 0.2 + tt.votes / (tt.tot_exp_vote ? tt.tot_exp_vote : tt.votes2016) ); }) .attr("cx", d => d.x) .attr("cy", d => d.y) .attr("r", d => { let tt = nytPresCountiesByFIPS.get(d.id); if (!tt) return false; let r = tt.tot_exp_vote ? tt.tot_exp_vote : tt.votes2016; r = Math.sqrt(r * 0.001) * 0.4 + 1; return r; }) .on("click", (event, d) => { let tt = nytPresCountiesByFIPS.get(d.id); console.log("county", d, tt); }) .append("title") .text(d => d.properties.name); return svg.node(); // return html`

${svg.node()}

`; }33:T53e,map = { const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); // svg.append("g").attr("transform", "translate(${height},20)"); // .append(() => legend({ ramp, title: data.title, width: 260 })); svg .append("g") .selectAll("circle") .data(circles.filter(d => !!d.winner)) .join("circle") .attr("fill", d => { let tt = nytPresCountiesByFIPS.get(d.id); if (!tt) return "lightgray"; if (tt.results.trumpd < tt.results.bidenj) { return blue; } else if (tt.results.trumpd > tt.results.bidenj) { return red; } return "lightgray"; }) .attr("stroke", d => { let problem = shirleyDataByFIPS.get(d.id); if (problem) { return "orange"; } return "none"; }) .attr("opacity", d => { let tt = nytPresCountiesByFIPS.get(d.id); if (!tt) return 0.1; return ( 0.2 + tt.votes / (tt.tot_exp_vote ? tt.tot_exp_vote : tt.votes2016) ); }) .attr("cx", d => d.x) .attr("cy", d => d.y) .attr("r", d => d.p) .on("click", (event, d) => { let tt = nytPresCountiesByFIPS.get(d.id); console.log("county", d, tt); }) .append("title") .text(d => d.properties.name); return svg.node(); // return html`

${svg.node()}

`; }34:[{"id":"4efe04c4874dbff76219100a060fe894c6ef0d33652d8b843aeb98ee5e22d02445c032b9b997c1efc0677aabbd5ac9ab687527f8c69da46da73c3d1379b99078","href":"https://static.observableusercontent.com/files/4efe04c4874dbff76219100a060fe894c6ef0d33652d8b843aeb98ee5e22d02445c032b9b997c1efc0677aabbd5ac9ab687527f8c69da46da73c3d1379b99078","name":"circles2016.json","type":"application/json","lastModified":1604462629994.215,"size":4421660}] 2f:{"title":"Live Election Force Layout","cells":[{"id":0,"value":"md`# Live Election Force Layout\nWARNING: WIP\n\ncounties sized by expected vote count \ncolored by currently winning candidate if state has been called for that candidate \nopacity determined by vote count / expected vote count\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":198,"value":"import { select } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"viewof target = select([\"centers\", \"winners\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":114,"value":"simulation.nodes().filter(d => d.eevp > 90)","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"nytPres = d3.json(\n \"https://static01.nyt.com/elections-assets/2020/data/api/2020-11-03/national-map-page/national/president.json\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":152,"value":"simulation = {\n let counties = circles.map(d => {\n let tt = nytPresCountiesByFIPS.get(d.id);\n if (!tt) return { ...d };\n let tot = tt.tot_exp_vote ? tt.tot_exp_vote : tt.votes2016;\n let r = Math.sqrt(tot * 0.001) * 0.4 + 1;\n let stateFips = d.id.slice(0, 2);\n let stateAbbr = stateAbbrFips[stateFips];\n let state = nytPresStatesByAbbr.get(stateAbbr);\n\n return {\n ...d,\n ...tt,\n r,\n value: tt.votes / tot,\n stateWinner: state.result,\n state\n };\n });\n return (\n d3\n .forceSimulation(counties)\n // .force(\"x\", d3.forceX(width / 2).strength(0.001))\n // .force(\"y\", d3.forceY(height / 2).strength(0.001))\n .force('charge', d3.forceManyBody().strength(0.1))\n .force('center', d3.forceCenter(width / 2, height / 2).strength(0.000001))\n .force('collision', d3.forceCollide().radius(d => d.r * 0.95))\n );\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":167,"value":"forceX = d => {\n if (target == \"center\") {\n return d.cx;\n } else if (target == \"winners\") {\n if (d.eevp > 90) {\n if (d.leader_party_id == \"republican\") {\n return width - 20;\n } else if (d.leader_party_id == \"democrat\") {\n return 20;\n }\n }\n }\n return d.cx;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":164,"value":"forceY = d => {\n if (target == \"center\") {\n return d.cy;\n } else if (target == \"winners\") {\n if (d.eevp > 90) {\n // return d.value * height;\n }\n }\n\n return d.cy;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":162,"value":"{\n simulation\n .force(\"x\", d3.forceX(forceX).strength(0.04))\n .force(\"y\", d3.forceY(forceY).strength(0.08));\n simulation.alphaDecay(0.03);\n simulation.alphaTarget(0.5);\n simulation.restart();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"import { scaleCanvas } from \"@john-guerra/canvas-retina-display\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"nytPres.meta.version","pinned":true,"hidden":false,"mode":"ojs"},{"id":110,"value":"numformat = d3.format(\",d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":96,"value":"tooltip = html`

\nName: County,
\nVotes 2020:
\nExpected:
\nVotes 2016:
\n

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":81,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"nytPresCounties = {\n let data = [];\n nytPres.data.races.forEach(r => {\n data = data.concat(r.counties);\n });\n return data;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":47,"value":"ky = nytPresCounties.filter(d => d.fips.slice(0, 2) == \"21\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":127,"value":"nytPresStatesByAbbr = new Map(nytPres.data.races.map(d => [d.state_id, d]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"nytPresCountiesByFIPS = new Map(nytPresCounties.map(d => [d.fips, d]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"// import { circles } from \"@codingwithfire/force-bubble-map-with-textures-js\"\ncircles = FileAttachment(\"circles2016.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":142,"value":"lightBlue = \"#52b2e8\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":144,"value":"lightRed = \"#ee448a\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"blue = \"#002868\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"red = \"#bf0a30\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"import { data as shirleyData } from \"@sxywu/7-voting-problems-on-election-day\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"shirleyData","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"shirleyDataByFIPS = new Map(shirleyData.map(d => [d.FIPS, d]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"// nytSummary = d3.json(\n// \"https://static01.nyt.com/elections-assets/2020/data/liveModel/2020-11-03/president/summary.json\"\n// )","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"[flData, gaData, miData, ncData, ohData, paData, txData]","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":122,"value":"cnnData = d3.json(\n \"https://politics-elex-results.data.api.cnn.io/results/view/2020-national-races-PG.json\"\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":239,"value":"stateAbbrFips = ({\n '01': 'AL',\n '02': 'AK',\n '04': 'AZ',\n '05': 'AR',\n '06': 'CA',\n '08': 'CO',\n '09': 'CT',\n '10': 'DE',\n '11': 'DC',\n '12': 'FL',\n '13': 'GA',\n '15': 'HI',\n '16': 'ID',\n '17': 'IL',\n '18': 'IN',\n '19': 'IA',\n '20': 'KS',\n '21': 'KY',\n '22': 'LA',\n '23': 'ME',\n '24': 'MD',\n '25': 'MA',\n '26': 'MI',\n '27': 'MN',\n '28': 'MS',\n '29': 'MO',\n '30': 'MT',\n '31': 'NE',\n '32': 'NV',\n '33': 'NH',\n '34': 'NJ',\n '35': 'NM',\n '36': 'NY',\n '37': 'NC',\n '38': 'ND',\n '39': 'OH',\n '40': 'OK',\n '41': 'OR',\n '42': 'PA',\n '44': 'RI',\n '45': 'SC',\n '46': 'SD',\n '47': 'TN',\n '48': 'TX',\n '49': 'UT',\n '50': 'VT',\n '51': 'VA',\n '53': 'WA',\n '54': 'WV',\n '55': 'WI',\n '56': 'WY'\n})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}