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:{"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"},{"id":5,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":97,"value":"legend = Legend(d3.scaleSequential([0, 100], d3.interpolateReds), {\n title: \"% Win Chance\"\n})","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 } 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":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}