31:T427,{ const color = d3.scaleLinear().range([0,1]).domain([0,1]); const palette = d3.interpolatePurples; // https://github.com/d3/d3-scale-chromatic // create SVG element const svg = d3.select(DOM.svg(width, height)) var uncountedKeys = {} uncountedVotes.forEach((d,i)=> uncountedKeys[d.county.toLowerCase()] = d.percent) // construct the element svg.selectAll("path").append('path') .data(pa.features) .join("path") .attr('d', pathGeneratorPA) .style("fill", d=>palette(color(uncountedKeys[d.properties.NAME.toLowerCase()]))) .style('stroke', 'black') .style('stroke-width', '1') .append("title") .text(d => "County: "+d.properties.NAME.toLowerCase()+"\nthe percent of counted mail-in is: \n" + (uncountedKeys[d.properties.NAME.toLowerCase()]*100).toPrecision(3)); svg.selectAll("path") .on("mouseover",function() { d3.select(this).style('stroke-width', '3') }) .on("mouseout",function() { d3.select(this).style('stroke-width', '1') }) // pass to Observable to draw this block return svg.node() }32:T449,{ const color = d3.scaleLog().range([0,1]).domain([1,d3.max(uncountedVotes,d=> d.ballots_remaining)]); const palette = d3.interpolatePurples; // https://github.com/d3/d3-scale-chromatic // create SVG element const svg = d3.select(DOM.svg(width, height)) var uncountedKeys = {} uncountedVotes.forEach((d,i)=> uncountedKeys[d.county.toLowerCase()] = d.ballots_remaining) // construct the element svg.selectAll("path").append('path') .data(pa.features) .join("path") .attr('d', pathGeneratorPA) .style("fill", d=>palette(color(uncountedKeys[d.properties.NAME.toLowerCase()]+1))) .style('stroke', 'black') .style('stroke-width', '1') .append("title") .text(d => "County: "+d.properties.NAME.toLowerCase()+"\nthe number of uncounted mail-in is: \n" + uncountedKeys[d.properties.NAME.toLowerCase()]); svg.selectAll("path") .on("mouseover",function() { d3.select(this).style('stroke-width', '3') }) .on("mouseout",function() { d3.select(this).style('stroke-width', '1') }) // pass to Observable to draw this block return svg.node() }33:[] 2f:{"title":"PA Counties with Counted Mail-In Votes","cells":[{"id":0,"value":"md`# PA Counties with Counted Mail-In Votes`","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"md`Note: I am not sure the connection between \"Counted Mail-In Votes\" and \"Reported Mail-In Votes.\" These numbers do not seem to line up with one another.` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":399,"value":"md` #### Total Un-Counted Mail-In Votes (state-wide): ${totalUncounted}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":341,"value":"md` #### Percentage of Counted Mail-In Votes (%): ${(percentage*100).toPrecision(2)}%`","pinned":false,"hidden":false,"mode":"ojs"},{"id":269,"value":"legend({\n color: d3.scaleSequential([0,100], d3.interpolatePurples),\n title: \"Percentage of Counted Mail-In Votes (%)\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":345,"value":"md` ## Number of Mail-In Votes Remaining (colored using a log-scale)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":319,"value":"legend({\n color: d3.scaleSequentialLog([1,d3.max(uncountedVotes,d=> d.ballots_remaining)], d3.interpolatePurples),\n title: \"Number of Uncounted Mail-In Votes (log)\",\n tickFormat: \".0s\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":321,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"md`## Getting our Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"html`This repository provides a convenient mechanism for generating TopoJSON files from the Census Bureau’s cartographic boundary shapefiles, 2015 edition.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"md`### Pennsylvania Shapefile`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"us = {\n let values = await d3.json(\"https://gist.githubusercontent.com/dudaspm/89da9e990236d2bc73a3a6ee00c18bb6/raw/055b78a9d016873c36e28872ab6a4d85d0be858e/usCounties.json\");\n return values;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":288,"value":"pa = ({type:\"FeatureCollection\", features:us.features.filter(d=> d.properties.STATEFP==42)})","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"projectionPA = d3.geoMercator().fitExtent([[margin, margin], [width - margin, height - margin]], pa)","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"pathGeneratorPA = d3.geoPath().projection(projectionPA)","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"md`### Data from the data.pa.gov`","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"html`2020 General Election Unofficial Mail Ballot Processing Current Hourly County State - API \n

\nOriginal source can be found here and \nhere.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"uncountedVotes = {\n var temp = []\n let values = await d3.csv(\"https://data.pa.gov/resource/pg3c-9a9m.csv\")\n console.log(values)\n values.forEach((d,i)=>temp.push({county:d.county,percent:+d.counted,ballots_remaining\n:+d.ballots_remaining,ballots_counted:+d.ballots_counted}))\n \n return temp;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":396,"value":"totalUncounted = d3.sum(uncountedVotes , d => d.ballots_remaining)","pinned":false,"hidden":false,"mode":"ojs"},{"id":410,"value":"totalcounted = d3.sum(uncountedVotes , d => d.ballots_counted)","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"percentage = totalcounted/(totalcounted+totalUncounted)","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"margin = 10","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"width = 700","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"import {legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}