31:T7cd,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("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) => colorScale(winprob[d.race] / 100) || COLOR_NO_DATA) .attr("fill-opacity", 1) .on("mouseover", (event, d) => { tooltip.display(candidate[d.race] || "No data", tooltipContents); }) .on("mouseout", () => { tooltip.hide(); }) .on("mousemove", (event) => { 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:T464,css = html` `33:[{"id":"aa70aee14fba4b671203044a502acdad66d42c1d3a0dd8726fee4c890418b684d5074d12ab3b5a4253080e4908042df886217fee7078d6bcabea549bae8d6435","href":"https://static.observableusercontent.com/files/aa70aee14fba4b671203044a502acdad66d42c1d3a0dd8726fee4c890418b684d5074d12ab3b5a4253080e4908042df886217fee7078d6bcabea549bae8d6435","name":"current.json","type":"application/json","lastModified":1663000724415.652,"size":248144},{"id":"0a07f06693a04fe465650194b3990ec0e3f77968f1f1ce2ec7de9860908dbf6480ba9e8ff5cd68ce876c9414ba0fa44df19c95cf6b20c2351d40be01c993611e","href":"https://static.observableusercontent.com/files/0a07f06693a04fe465650194b3990ec0e3f77968f1f1ce2ec7de9860908dbf6480ba9e8ff5cd68ce876c9414ba0fa44df19c95cf6b20c2351d40be01c993611e","name":"house_carto.json","type":"application/json","lastModified":1663000724415.652,"size":221899}] 2f:{"title":"% Chance GOP Takes House Seat in November (Diverging Scale)","cells":[{"id":0,"value":"# % Chance GOP Takes House Seat in November (Diverging Scale)","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"legend = Legend(colorScale, {\n title: \"GOP Win Chance\",\n tickFormat: \"%\",\n ticks: 10\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"html`

= No Data

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"colorScale = d3.scaleDiverging([0, 0.5, 1].reverse(), d3.interpolateRdYlBu)","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"COLOR_NO_DATA = \"#ccc\"","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":63,"value":"current = FileAttachment(\"current.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"house_carto = FileAttachment(\"house_carto.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"import { Legend, Swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"import { Tooltip } from \"@clhenrick/tooltip-component\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}