2f:T17aa,map = { let w = 1100; let h = 0.4 * w; let pad = 20; let svg = d3 .create("svg") .attr("viewBox", [0, 0, w, h]) .attr("width", "100%") .style("max-width", `${w}px`); let key = `${chamber.toLowerCase().replace(" ", "_")}_${plan .toLowerCase() .replace(" ", "_")}`; let report_card = report_cards[key]; // Rather than defining a scale, we'll use a geographic *projection* // to map points to our SVG image space. The points live in a GeoJSON // object called stateShapes. let proj = d3 .geoConicConformal() .parallels([35 + 2 / 6, 36 + 1 / 6]) .rotate([80, 0]) .fitExtent( [ [pad, pad], [w - pad, h - pad] ], map_data.get(key) ); // Rather than d3.path, we use d3.geoPath, which is specifically desgined // to work with GeoJSON let path = d3.geoPath().projection(proj); // let graticule = d3 // .geoGraticule() // .extent([ // [-85, 30], // [-70, 40] // ]) // .step([1, 1])(); // -84.32186899999999,33.842316,-75.460621,36.588117 // Draw the graticule // let graticule_path = svg // .append("g") // .selectAll("path.graticule") // .data([graticule]) // .join("path") // .attr("d", path) // .attr("fill", "none") // .attr("stroke", "#333") // .attr("stroke-width", 0.4); // Now, generating the map within the SVG is quite similar to our last // image. let map = svg.append("g"); let district_group = map.append("g"); let threshold = 0.035; district_group .selectAll("path.state") .data(map_data.get(key).features) .join("path") .attr("d", path) // .attr("fill", "lightgray") .attr("fill", function (d) { let v = report_card.plan.CompetitiveElections[ ("00" + d.properties.DISTRICT).slice(-3) ]; if (v < 0.5 - threshold) { return d3.interpolateRdBu(0.25); } else if (v < 0.5 + threshold) { return d3.interpolateRdBu(0.5); } else { return d3.interpolateRdBu(0.75); } }) .attr("stroke-width", "1") .attr("stroke", "#222") .on("pointerenter", function (evt, d) { district_group .selectAll("path") .attr("stroke-width", 0.7) .attr("opacity", 0.7); d3.select(this).attr("stroke-width", 3).attr("opacity", 1).raise(); }) .on("pointerleave", function () { district_group .selectAll("path") .attr("opacity", 1) .attr("stroke-width", 0.7); }) .each(function (d) { let district = d.properties.DISTRICT; tippy(this, { content: tip(district, d).outerHTML, allowHTML: true, theme: "light-border" // followCursor: true }); }); yield svg.node(); if (show_cities) { let cities = d3.csvParse( `city,lat,lon Asheville,35.6,-82.55 Charlotte,35.2271,-80.8431 Durham,35.994,-78.8986 Fayetteville,35.0527,-78.8784 Raleigh,35.7796,-78.6382 Wilmington,34.2104,-77.886 Winston-Salem,36.0999,-80.2442 Greenville,35.6127,-77.3664, Rocky Mount,35.9382,-77.7905`, d3.autoType ); cities.forEach(function (o) { let [x, y] = proj([o.lon, o.lat]); o.x = x; o.y = y; }); map .append("g") .selectAll("circle.city") .data(cities) .join("circle") .attr("class", "city") .attr("cx", (o) => o.x) .attr("cy", (o) => o.y) .attr("r", 4) .attr("fill", "black") .attr("stroke", "white") .attr("stroke-width", 2) .attr("pointer-events", "none"); let city_background_container = map .append("g") .attr("id", "city_background_container"); let city_name_display = map.append("g"); // .attr("opacity", show_cities ? 1 : 0); city_name_display .selectAll("text.city") .data(cities) .join((enter) => { let g = enter.append("g"); let rect = g.append("rect"); let text = g .append("text") .attr("x", (d) => d.x) .attr("y", (d) => d.y) .text((d) => d.city) .style("pointer-events", "none") .call(function (selection) { selection.each(function (d) { d.bbox = this.getBBox(); }); }); rect .attr("x", (d) => d.x - 2) .attr("y", (d) => d.y - d.bbox.height + 5) .attr("width", (d) => d.bbox.width + 2) .attr("height", (d) => d.bbox.height + 2) .attr("fill", "#ddd") .attr("stroke", "black") .attr("fill", "white") .attr("fill-opacity", 0.6) .attr("stroke", "black") .attr("stroke-width", 0.4) .style("pointer-events", "none"); }) .attr("class", "city") .attr("x", (o) => o.x) .attr("y", (o) => o.y) .attr("dx", (o) => (o.city == "Winston-Salem" ? (-90 * width) / 1100 : 3)) .attr("dy", (o) => o.city == "Winston-Salem" ? (-15 * width) / 1100 : -3 ) .text((o) => o.city) .style("font-family", "sans-serif") .attr("font-size", (14 * width) / 1100) .attr("pointer-events", "none"); } function tip(District, d) { let district = ("00" + District).slice(-3); let grade_data = report_cards[key]; let DPct = grade_data.plan.CompetitiveElections[district]; let MVAP = grade_data.plan.MVAPDistricts[district]; let lean; if (DPct < 0.5 - threshold) { lean = "Republican"; } else if (0.5 - threshold <= DPct && DPct <= 0.5 + threshold) { lean = "Competitive"; } else if (0.5 + threshold < DPct) { lean = "Democratic"; } // let representative; // if (plan == "Court ordered") { // console.log(d.properties); // } return md`**District**: ${District} - Partisan Lean: ${lean} - Estimated vote shares: - Democratic: ${d3.format("0.1%")(DPct)} - Republican: ${d3.format("0.1%")(1 - DPct)} ${ plan == "Court ordered" ? `- Representative: ${d.properties.Member}, ${d.properties.Party}` : "" } `; } }30:[{"id":"f164a468bb60b596d1bb1f7039e42f2015c12353b12968c3c765392981f87ad856a31b3a79698166891c627a7f6673df6a61bf7b8350e5632bc13c3e8c3fa9b8","href":"https://static.observableusercontent.com/files/f164a468bb60b596d1bb1f7039e42f2015c12353b12968c3c765392981f87ad856a31b3a79698166891c627a7f6673df6a61bf7b8350e5632bc13c3e8c3fa9b8","name":"NC-S22-Dist1-report-card.json","type":"application/json","lastModified":1696098977336.227,"size":21882},{"id":"0167aab197dbdc1f8bdf333caf64940347c4f877f516a218537e825ad8a0de34f89c759f112b83ff78d09eacd71702e58f4219a9df8f3c6dfcc886c431768351","href":"https://static.observableusercontent.com/files/0167aab197dbdc1f8bdf333caf64940347c4f877f516a218537e825ad8a0de34f89c759f112b83ff78d09eacd71702e58f4219a9df8f3c6dfcc886c431768351","name":"NC-HSA-9_3ed-report-card.json","type":"application/json","lastModified":1696098977479.359,"size":43366},{"id":"b6ad6bcb5ca658ea97cd2ae8bf8da32032e87048af8cefa3d32a12ca2f02bb6fae6aba25fb240898fcc9ca9809d54752a3d8d778878f66a88314c027dc596e8d","href":"https://static.observableusercontent.com/files/b6ad6bcb5ca658ea97cd2ae8bf8da32032e87048af8cefa3d32a12ca2f02bb6fae6aba25fb240898fcc9ca9809d54752a3d8d778878f66a88314c027dc596e8d","name":"NC-H22-Dist1-report-card.json","type":"application/json","lastModified":1696098977392.659,"size":44680},{"id":"01796390295200f01edd7090b918b5ad621a4fc9ef277e6566b236e9d5abc759ade4e6fb0a968b8232798d10afcf28d866e6d264a3d72eb85d24314309ca1ec1","href":"https://static.observableusercontent.com/files/01796390295200f01edd7090b918b5ad621a4fc9ef277e6566b236e9d5abc759ade4e6fb0a968b8232798d10afcf28d866e6d264a3d72eb85d24314309ca1ec1","name":"NC-SBK-7_2ed-report-card.json","type":"application/json","lastModified":1696098977362.288,"size":21182},{"id":"27de5ac6917de8f0a2fa6ba4711330839b188138a0bea9513fd8525f19f8086edaa802aa5fd48d8a43d5c1d6181028b982645e42d329a7879977d6bd62f81312","href":"https://static.observableusercontent.com/files/27de5ac6917de8f0a2fa6ba4711330839b188138a0bea9513fd8525f19f8086edaa802aa5fd48d8a43d5c1d6181028b982645e42d329a7879977d6bd62f81312","name":"nc_state_house_and_senate_districts3.json","type":"application/json","lastModified":1696257198568.841,"size":654061},{"id":"3814217bdadbcc306d88662aa662c6d7f9b31de1218d38f80853e70a2db8cd1c7d3a4c951561b0483b8bb7cac7134e0fd7bd58d29aaac3a12bec9c8d6e2c2847","href":"https://static.observableusercontent.com/files/3814217bdadbcc306d88662aa662c6d7f9b31de1218d38f80853e70a2db8cd1c7d3a4c951561b0483b8bb7cac7134e0fd7bd58d29aaac3a12bec9c8d6e2c2847","name":"NC-HBK-11-report-card.json","type":"application/json","lastModified":1696257305633.567,"size":43356},{"id":"4dc92fbad1cded83de5aba936115407ccc5e63996a273d2ba9f62f5b7447580cd5989df7425a362f605845f37a6045daf0f32ccef896df099ca0781d7b9768c9","href":"https://static.observableusercontent.com/files/4dc92fbad1cded83de5aba936115407ccc5e63996a273d2ba9f62f5b7447580cd5989df7425a362f605845f37a6045daf0f32ccef896df099ca0781d7b9768c9","name":"NC-SST-13-report-card.json","type":"application/json","lastModified":1696257489803.281,"size":21178},{"id":"5b5867c1a8c9829bdfc481db28777eccefee3f827f85f2f2eef6e624c9ed88772d6bebde116488be7856f2ad1c457c96cd72c47f5825fb15c2105ae48fa1e17a","href":"https://static.observableusercontent.com/files/5b5867c1a8c9829bdfc481db28777eccefee3f827f85f2f2eef6e624c9ed88772d6bebde116488be7856f2ad1c457c96cd72c47f5825fb15c2105ae48fa1e17a","name":"report_cards@1.json","type":"application/json","lastModified":1696950299651.618,"size":107041}] 2d:{"title":"NC House and Senate Districts","cells":[{"id":0,"value":"# NC House and Senate Districts\n## Proposed vs Court Ordered\n\nAfter the 2020 Decennial Census, the state legislature of North Carolina proposed new districts for both chambers, the state House and the state Senate. Unsurprisingly, those maps were both rejected by the state Supreme Court - twice each, in fact. \n\nThis interactive map presents the proposed plans and final court ordered plan with [analysis from the Princeton Gerrymandering Project](https://gerrymander.princeton.edu/reforms/NC). You can [read more about their methodology](https://gerrymander.princeton.edu/redistricting-report-card-methodology).","pinned":false,"hidden":false,"mode":"md"},{"id":116,"value":"viewof show_cities = Inputs.toggle({ label: \"Show cities:\", value: false })","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"

Lean:

${Swatches(\n d3.scaleOrdinal(\n [\"Democratic\", \"Republican\", \"Competitive\"],\n [d3.interpolateRdBu(0.75), d3.interpolateRdBu(0.25), d3.interpolateRdBu(0.5)]\n )\n)}

","pinned":false,"hidden":false,"mode":"html"},{"id":23,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"viewof chamber = Inputs.radio([\"House\", \"Senate\"], {\n label: \"Chamber:\",\n value: \"House\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"viewof plan = Inputs.radio(\n [\"First Proposed\", \"Proposed\", \"Court ordered\"],\n {\n label: \"Plan:\",\n value: \"Court ordered\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"analysis = {\n let key = `${chamber.toLowerCase()}_${plan.toLowerCase().replace(\" \", \"_\")}`;\n let report_card =\n report_cards[\n `${chamber.toLowerCase()}_${plan.toLowerCase().replace(\" \", \"_\")}`\n ];\n\n let t = 0.035;\n let grouped = d3.rollup(\n Object.values(report_card.plan.CompetitiveElections),\n (a) => a.length,\n function (v) {\n if (v < 0.5 - t) {\n return \"Republican\";\n } else if (0.5 - t <= v && v < 0.5) {\n return \"Weak Republican\";\n } else if (0.5 < v && v < 0.5 + t) {\n return \"Weak Democratic\";\n } else if (0.5 + t < v) {\n return \"Democratic\";\n }\n }\n );\n\n return md`**${chamber} ${plan} Plan**\n- Seat counts\n${[\"Democratic\", \"Weak Democratic\", \"Weak Republican\", \"Republican\"]\n .map(function (s) {\n return ` - ${s}: ${grouped.get(s)}`;\n })\n .join(\"\\n\")}\n- Partisan score: ${report_card.report_card.partisanScore}\n- Compactness score: ${report_card.report_card.compactnessScore}\n`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"## Imports and data","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"// report_cards = FileAttachment(\"report_cards.json\").json()\n\nreport_cards = {\n let house_court_ordered = await FileAttachment(\n \"NC-H22-Dist1-report-card.json\"\n ).json();\n let house_proposed = await FileAttachment(\n \"NC-HSA-9_3ed-report-card.json\"\n ).json();\n let senate_court_ordered = await FileAttachment(\n \"NC-S22-Dist1-report-card.json\"\n ).json();\n let senate_proposed = await FileAttachment(\n \"NC-SBK-7_2ed-report-card.json\"\n ).json();\n let house_first_proposed = await FileAttachment(\n \"NC-HBK-11-report-card.json\"\n ).json();\n let senate_first_proposed = await FileAttachment(\n \"NC-SST-13-report-card.json\"\n ).json();\n\n return {\n house_court_ordered,\n house_proposed,\n house_first_proposed,\n senate_court_ordered,\n senate_proposed,\n senate_first_proposed\n };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"map_data = {\n let map_data = await FileAttachment(\n \"nc_state_house_and_senate_districts3.json\"\n ).json();\n\n return new Map(\n [\n \"senate_first_proposed\",\n \"senate_proposed\",\n \"senate_court_ordered\",\n \"house_first_proposed\",\n \"house_proposed\",\n \"house_court_ordered\"\n ].map((s) => [s, topojson.feature(map_data, map_data.objects[s])])\n );\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":218,"value":"FileAttachment(\"nc_state_house_and_senate_districts3.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":130,"value":"import { Swatches } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"tippy_style = html`

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"tippy = require(\"tippy.js@6\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}