31:[] 2f:{"title":"Pennsylvania redistricting","cells":[{"id":0,"value":"md`# Pennsylvania redistricting`","pinned":false,"hidden":false,"mode":"ojs"},{"id":318,"value":"md`The Pennsylvania Supreme Court ruled that the state's congressional district map for the U.S. House of Representatives was an unconstitutational partisan gerrymander and issued a remedial map on Feb. 19, 2018. You can find [shapefiles for proposed maps here](http://www.pacourts.us/news-and-statistics/cases-of-public-interest/league-of-women-voters-et-al-v-the-commonwealth-of-pennsylvania-et-al-159-mm-2017).\n\nChoose a plan to view from the dropdown menu. Note that for aesthetic purposes I have ordered the districts to match the previous map's district numbers rather than the new numbering provided by the court.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":385,"value":"viewof selectPlan = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"ctx.canvas","pinned":false,"hidden":false,"mode":"ojs"},{"id":329,"value":"ctx = DOM.context2d(width, height)","pinned":false,"hidden":false,"mode":"ojs"},{"id":334,"value":"canvasPath = d3.geoPath(projection, ctx)","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"draw = (interpolateValue, pathInterpolator) => {\n ctx.clearRect(0, 0, width, height);\n ctx.strokeStyle = 'black';\n ctx.fillStyle = 'rgba(0, 0, 0, 0.1)';\n \n for (let i = 0; i < pathInterpolator.length; i++) {\n ctx.beginPath();\n let interpolated = pathInterpolator[i](interpolateValue);\n for (let j = 0; j < interpolated.length + 1; j++) {\n ctx.lineTo(...projection(interpolated[j % interpolated.length]));\n }\n //canvasPath(interpolated);\n ctx.fillStyle = i === 14 ? 'rgba(255, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.1)'\n ctx.stroke();\n ctx.fill();\n }\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"transition = (path1, path2) => {\n const duration = 2000;\n const interpolator = flubber.interpolateAll(path1, path2, {string: false})\n let t = d3.timer((elapsed) => {\n\tif (elapsed >= duration) t.stop();\n draw(d3.easeQuadInOut(Math.min(elapsed / duration, 1)), interpolator);\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":388,"value":"displayPlan = {\n let nextPlan = getPaths(selectPlan);\n let prevPlan = this ? this : getPaths('currentmap');\n transition(prevPlan, nextPlan);\n return nextPlan;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":413,"value":"md`The shapefiles were obtained from the [Pennsylvania judicial system website](http://www.pacourts.us/news-and-statistics/cases-of-public-interest/league-of-women-voters-et-al-v-the-commonwealth-of-pennsylvania-et-al-159-mm-2017) and the U.S. Census Bureau TIGER. The shapefiles were combined, simplified and converted into TopoJSON with http://mapshaper.org/.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"maps = d3.json('https://gist.githubusercontent.com/jmuyskens/aabab5a7b90d042fb81f66765979f793/raw/0271f1fd2ffe2bb0a51493823c9586526239dbea/output%2520(4).json')","pinned":false,"hidden":false,"mode":"ojs"},{"id":488,"value":"getSorted = (mapName) => {\n return topojson.feature(maps, maps.objects[mapName])\n .features.sort((a, b) => +a.properties.ID - +b.properties.ID)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":419,"value":"getPaths = (mapName) => {\n return topojson.feature(maps, maps.objects[mapName])\n // .features.sort((a, b) => +a.properties.ID - +b.properties.ID)\n .features.sort((a, b) => a.properties.ID - b.properties.ID)\n \t.map(d => d.geometry.type === \"MultiPolygon\" ? d.geometry.coordinates[1][0] : d.geometry.coordinates[0]);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"// NAD83 / Pennsylvania South https://github.com/veltman/d3-stateplane#nad83--pennsylvania-south-epsg32129\nprojection = d3.geoConicConformal()\n .parallels([39 + 56 / 60, 40 + 58 / 60])\n .rotate([77 + 45 / 60, 0])\n .fitSize([width, height], topojson.feature(maps, maps.objects.wolf))","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"shapefile = require(\"shapefile@0.6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"flubber = require(\"https://unpkg.com/flubber@0.4.0/build/flubber.min.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}