2d:null 2e:["$","title",null,{"children":"Pennsylvania redistricting | John Muyskens | Observable"}] 33:[] 31:{"id":"010824e4bf7de75f","slug":"pennsylvania-redistricting","title":"Pennsylvania redistricting","thumbnail":"3f02cf8ff0bb09aeb5665492eb40bdc7c7c209ad4252fdb080b4d42e1072c5d5","access_level":"public","create_time":"$D2018-02-15T23:09:14.431Z","update_time":"$D2018-10-17T22:01:15.309Z","view_time":null,"first_public_time":"$D2018-02-16T17:51:22.402Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"005b77629f9df560","login":"jmuyskens","name":"John Muyskens","avatar_url":"https://avatars-next.observableusercontent.com/3c35c79dc6869747f90be0c3a417c733a9ca65b6fc81825b82cacecb7f64fd50","tier":"starter_2024"},"version":532,"publish_version":532,"role":null,"authored":false,"authors":[{"type":"individual","id":"719376c8720885af","login":"jmuyskens","name":"John Muyskens","avatar_url":"https://avatars-next.observableusercontent.com/3c35c79dc6869747f90be0c3a417c733a9ca65b6fc81825b82cacecb7f64fd50","tier":null}],"members":[{"type":"individual","id":"719376c8720885af","login":"jmuyskens","name":"John Muyskens","avatar_url":"https://avatars-next.observableusercontent.com/3c35c79dc6869747f90be0c3a417c733a9ca65b6fc81825b82cacecb7f64fd50","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Pennsylvania redistricting","cells":[{"id":0,"value":"md`# Pennsylvania redistricting`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"viewof selectPlan = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"ctx.canvas","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"ctx = DOM.context2d(width, height)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"canvasPath = d3.geoPath(projection, ctx)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"maps = d3.json('https://gist.githubusercontent.com/jmuyskens/aabab5a7b90d042fb81f66765979f793/raw/0271f1fd2ffe2bb0a51493823c9586526239dbea/output%2520(4).json')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"shapefile = require(\"shapefile@0.6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"flubber = require(\"https://unpkg.com/flubber@0.4.0/build/flubber.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"