2b:null 2c:["$","title",null,{"children":"% Chance GOP Takes House Seat in November | boB Rudis | Observable"}] 31:T9a7,house_choro = { const container = html``; const div = d3.select(container).append("div").classed("tooltip", true); const tooltip = new Tooltip(div); function tooltipContents(datum) { return `${datum}`; } const svg = d3 .select(container) .append("svg") .attr("viewBox", `0 0 700 525`) .attr("width", 700) .attr("height", 525); const base_map = svg.append("g"); base_map .append("g") .attr("class", "state-outline") .selectAll("path") .data(house_carto.outlines) .enter() .append("path") .attr("id", (d) => d.state) .on("mouseover", (event, d) => {}) .on("mouseover", (event, d) => {}) .on("mouseout", (event, d) => {}) .attr("d", (t) => t.d) .attr("transform", (t) => "translate(".concat(t.translate[0], ", ").concat(t.translate[1], ")") ) .lower(); const tiles = svg.append("g"); const scale = 5; tiles .append("g") .attr("class", "map") .attr( "transform", "scale(" .concat(scale, ")translate(") .concat(24 * scale, ",") .concat(10 * scale, ")") ); tiles .append("g") .attr("class", "district") .selectAll("path") .data(house_carto.districts) .enter() .append("path") .attr("d", (t) => "M".concat(t.points.map((t) => t.join(" ")).join("L"), "Z") ) .attr("fill", (d) => d3.scaleSequential([0, 1], d3.interpolateReds)(winprob[d.race] / 100) ) .attr("fill-opacity", 1) .on("mouseover", (event, d) => { console.log(d3.select("#" + d.state)); d3.select(event.target).attr("class", "district outline"); d3.select("#" + d.state).attr("class", "state-outline dark"); tooltip.display(candidate[d.race], tooltipContents); }) .on("mouseout", (event, d) => { d3.select(event.target).attr("class", "district"); d3.select("#" + d.state).attr("class", "state-outline"); tooltip.hide(); }) .on("mousemove", (event, d) => { tooltip.move(event); }); const labels = svg.append("g"); labels .selectAll("g.labels") .data(["bg", "fg"]) .enter() .append("g") .attr("class", (t) => "labels ".concat(t)) .selectAll("text") .data(house_carto.labels) .enter() .append("text") .attr("transform", (t, e) => "translate(".concat(t.x, ", ").concat(t.y, ")") ) .text((t, e) => t.state); return container; }32:T4fd,css = html` `33:[{"id":"aa70aee14fba4b671203044a502acdad66d42c1d3a0dd8726fee4c890418b684d5074d12ab3b5a4253080e4908042df886217fee7078d6bcabea549bae8d6435","href":"https://static.observableusercontent.com/files/aa70aee14fba4b671203044a502acdad66d42c1d3a0dd8726fee4c890418b684d5074d12ab3b5a4253080e4908042df886217fee7078d6bcabea549bae8d6435","name":"current.json","type":"application/json","lastModified":1662899615694.711,"size":248144},{"id":"0a07f06693a04fe465650194b3990ec0e3f77968f1f1ce2ec7de9860908dbf6480ba9e8ff5cd68ce876c9414ba0fa44df19c95cf6b20c2351d40be01c993611e","href":"https://static.observableusercontent.com/files/0a07f06693a04fe465650194b3990ec0e3f77968f1f1ce2ec7de9860908dbf6480ba9e8ff5cd68ce876c9414ba0fa44df19c95cf6b20c2351d40be01c993611e","name":"house_carto.json","type":"application/json","lastModified":1662899615694.711,"size":221899}] 2f:{"id":"09303938536732e1","slug":"chance-gop-takes-house-seat-in-november","title":"% Chance GOP Takes House Seat in November","thumbnail":"87173e9b8e2f2434b8e2902356636cd09f2d938999ec5b147732eb8b8301b706","access_level":"public","create_time":"$D2022-09-11T12:33:35.694Z","update_time":"$D2022-09-12T18:11:00.036Z","view_time":null,"first_public_time":"$D2022-09-11T12:45:06.781Z","fork":{"id":"9c32d6cbfa1adc26","slug":"house-carto-538","title":"House Carto (538)","owner":{"id":"0b35eed5f0115bfa","login":"hrbrmstr","name":"boB Rudis"}},"stars":3,"starred":false,"owner":{"type":"team","id":"0b35eed5f0115bfa","login":"hrbrmstr","name":"boB Rudis","avatar_url":"https://avatars-next.observableusercontent.com/a26fc528815774e5c1e5ba21faf0a748a105234dd4c0fad8293732ef66c00f82","tier":"starter_2024"},"version":214,"publish_version":214,"role":null,"authored":false,"authors":[{"type":"individual","id":"4193fbe2c8b30fd3","login":"hrbrmstr","name":"boB Rudis","avatar_url":"https://avatars-next.observableusercontent.com/a26fc528815774e5c1e5ba21faf0a748a105234dd4c0fad8293732ef66c00f82","tier":null}],"members":[{"type":"individual","id":"4193fbe2c8b30fd3","login":"hrbrmstr","name":"boB Rudis","avatar_url":"https://avatars-next.observableusercontent.com/a26fc528815774e5c1e5ba21faf0a748a105234dd4c0fad8293732ef66c00f82","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"% Chance GOP Takes House Seat in November","cells":[{"id":0,"value":"# % Chance GOP Takes House Seat in November","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":97,"value":"legend = Legend(d3.scaleSequential([0, 100], d3.interpolateReds), {\n title: \"% Win Chance\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":145,"value":"candidate = current.candidates\n .filter((d) => d.office == \"Representative\")\n .reduce(function (map, d) {\n map[d.race] =\n \"(\" +\n d.race +\n \")
\" +\n \"\" +\n d.candidate +\n \"\" +\n \": \" +\n d.winprob.toFixed(2) +\n \"%\" +\n \"
\" +\n \"2020 Election Stolen? \" +\n \"\" +\n d.stance +\n \"\";\n return map;\n }, {})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":67,"value":"winprob = current.candidates\n .filter((d) => d.office == \"Representative\")\n .reduce(function (map, d) {\n map[d.race] = d.winprob;\n return map;\n }, {})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":63,"value":"current = FileAttachment(\"current.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"house_carto = FileAttachment(\"house_carto.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":116,"value":"import { Legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":155,"value":"import { Tooltip } from \"@clhenrick/tooltip-component\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":24,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"