31:Tbaa,chart = () => { const wrapper = d3.create("div") .style("width", `${totalwidth}px`); wrapper.append("style").html(css); const chart = wrapper.selectAll(".chart") .data(grouped) .join("div") .attr("class", "chart"); const title = chart.append("div") .attr("class", "title-container"); title.append("div") .attr("class", "title") .text(d => `Support building ${d[0].toLowerCase()} projects`); const svg = chart.append("svg") .attr("width", chartwidth + margin.left + margin.right) .attr("height", chartheight + margin.top + margin.bottom); const g = svg.append("g") .attr("transform", `translate(${[margin.left, margin.top]})`); g.append("g") .attr("class", "y-axis") .attr("transform", `translate(${chartwidth})`) .call( d3.axisLeft(y) .tickFormat(d => `${d}%`) .tickPadding(5) .tickSize(chartwidth) .tickValues([25, 50, 75]) ); g.append("g") .attr("class", "x-axis") .attr("transform", `translate(0, ${chartheight})`) .call( d3.axisTop(x) .tickFormat((d, i) => ["In the U.S.", "In their area"][i]) .tickPadding(5) .tickSize(chartheight) ); g.selectAll(".line") .data(d => d[1]) .join("path") .attr("class", "line") .attr("d", d => line(d[1])) .attr("stroke", d => partyColors[d[0]]) g.selectAll(".line-label") .data(d => d[1]) .join("text") .attr("class", "line-label") .attr("dy", -6) .attr("fill", d => partyColors[d[0]]) .attr("transform", d => { // Rotate the labels atop their lines const [d0, d1] = d[1]; const x0 = x(d0.question); const y0 = y(d0.value); const x1 = x(d1.question); const y1 = y(d1.value); const line = [[x0, y0], [x1, y1]]; const angle = geometric.lineAngle(line); const midpoint = geometric.lineMidpoint(line); return `translate(${midpoint}) rotate(${angle})` }) .html(d => { const text = d[0].replace("registered ", ""); if (chartwidth <= 218 && ["Conservative Republicans", "Liberal Democrats"].includes(d[0])) { const y = 18; return `${text.split(" ").join(``)}` } else { return text; } }); const value = g.selectAll(".value") .data(d => flat.filter(d0 => d0.type === d[0])) .join("g") .attr("class", "value") .attr("fill", d => partyColors[d.category]) .attr("transform", d => `translate(${[x(d.question), y(d.value)]})`); value.append("circle") .attr("r", 4); value.append("text") .attr("dx", d => 5 * (d.question === "us" ? -1 : 1)) .attr("dy", 5) .attr("text-anchor", d => d.question === "us" ? "end" : "start") .text((d, i) => `${d.value}%`); return wrapper.node(); }32:T447,css = ` .chart { display: ${totalwidth <= 420 ? "" : "inline-"}block; margin-left: ${totalwidth <= 420 ? "0" : "20px"}; margin-right: ${totalwidth <= 420 ? "0" : "20px"}; width: ${totalwidth <= 420 ? `${totalwidth}px` : "calc(50% - 20px)"}; } .chart:nth-of-type(2n - 1) { margin-left: 0px; margin-bottom: ${totalwidth <= 420 ? "32px" : "0px"} } .chart:nth-of-type(2n) { margin-right: 0px; } .line-label { text-anchor: middle; } .title { border-radius: 4px; display: table; font-family: ${franklinLight}; font-weight: bold; font-size: 18px; margin: 0 auto; text-align: center; } .chart svg { font-family: ${franklinLight}; overflow: visible; } .line { stroke-dasharray: 2, 4; stroke-width: 2px; } .value circle { stroke: white; } .x-axis .domain { display: none; } .x-axis .tick text { font-family: ${franklinLight}; font-size: 16px; } .x-axis .tick line { stroke: #aaaaaa; } .y-axis .domain { display: none; } .y-axis .tick text { fill: #aaaaaa; font-family: ${franklinLight}; font-size: 14px; } .y-axis .tick line { stroke: #d5d5d5; } `33:[{"id":"464fadc6f8b96dc05539b1d401e9975b1d8b25a41f4bbdca639fe9ba8ffafc38fb9d37b156ef78ac2feff853b0a4fc1476b0a14f4f320852aa74c633edc15477","href":"https://static.observableusercontent.com/files/464fadc6f8b96dc05539b1d401e9975b1d8b25a41f4bbdca639fe9ba8ffafc38fb9d37b156ef78ac2feff853b0a4fc1476b0a14f4f320852aa74c633edc15477","name":"politics-policy-december-2022-3.4-1024x890.png","type":"image/png","lastModified":1683157906004.478,"size":148984},{"id":"963237fb3a2ff55dc16d8f345ccb7b615588213739c0683bd51899f8b1f5be3fc04872845d45a9aef42ab9a01e1bd7279b6217f96ff5ee27517858be77989724","href":"https://static.observableusercontent.com/files/963237fb3a2ff55dc16d8f345ccb7b615588213739c0683bd51899f8b1f5be3fc04872845d45a9aef42ab9a01e1bd7279b6217f96ff5ee27517858be77989724","name":"politics-policy-december-2022-3.5-1024x890.png","type":"image/png","lastModified":1683157929008.554,"size":150397}] 2f:{"title":"Poll: Support for building wind and solar in the U.S.","cells":[{"id":0,"value":"# Poll: Support for building wind and solar in the U.S.","pinned":false,"hidden":false,"mode":"md"},{"id":356,"value":"This notebook contains a version of the map from [“We need an area the size of Texas for wind and solar. Here’s how to halve it.”](https://www.washingtonpost.com/climate-environment/interactive/2023/renewable-energy-land-use-wind-solar/), which appeared in The Washington Post on May 10, 2022.","pinned":false,"hidden":false,"mode":"md"},{"id":359,"value":"A [poll from the Yale Program on Climate Communication](https://climatecommunication.yale.edu/publications/politics-global-warming-december-2022/toc/6/) found that most voters favor building more solar and wind. Although people are less excited about the prospect of living next to wind and solar farms, a majority even said they would support development in their own area.\n\nYet wind and solar have failed to win the support of conservative Republicans, who are more likely to live in the rural areas where renewable energy developers want to build. As a result, conservatives’ opposition could prove more decisive to the future of wind and solar than liberals’ support.","pinned":false,"hidden":false,"mode":"md"},{"id":398,"value":"chart()","pinned":false,"hidden":false,"mode":"ojs"},{"id":408,"value":"toc({ selector: \"h2\", heading: \"Jump to:\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":402,"value":"## Graphic","pinned":false,"hidden":false,"mode":"md"},{"id":57,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":67,"value":"md`## Styles`","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":115,"value":"colors = ({\n \"Nuclear\": \"#efbbd8\",\n \"Natural gas\": \"#efceb9\",\n \"Coal\": \"#d5d5d5\",\n \"Solar\": \"#eded88\",\n \"Wind\": \"#aadee5\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":260,"value":"partyColors = ({\n \"Liberal Democrats\": \"#5784c5\",\n \"All registered voters\": \"#2a2a2a\",\n \"Conservative Republicans\": \"#d0585f\",\n \"Liberal/moderate Republicans\": \"#e58a7c\",\n \"Moderate/conservative Democrats\": \"#84a4d7\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"md`## Generators`","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"line = d3.line()\n .x(d => x(d.question))\n .y(d => y(d.value))","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"md`## Scales`","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"x = d3.scalePoint(questions, [0, chartwidth])","pinned":true,"hidden":false,"mode":"ojs"},{"id":47,"value":"y = d3.scaleLinear([25, 100], [chartheight, 0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"md`## Dimensions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"margin = ({left: 38, right: 38, top: 28, bottom: 6})","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"totalwidth = Math.min(640, width)","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"chartwidth = (totalwidth <= 420 ? totalwidth : (0.5 * totalwidth - 20)) - margin.left - margin.right","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"chartheight = totalwidth <= 420 ? 300 : 350","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"grouped = d3.groups(flat, d => d.type, d => d.category)","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"flat = d3\n .cross(data.filter(d => keep.includes(d.category)), questions)\n .map(([d, question]) => {\n return {\n category: d.category,\n type: d.type,\n question,\n value: d[question]\n }\n })\n .sort((a, b) => d3.descending(a.value, b.value))","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"keep = [\n \"Conservative Republicans\",\n \"All registered voters\",\n \"Liberal Democrats\",\n // \"Liberal/moderate Republicans\", \"Moderate/conservative Democrats\"\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":32,"value":"questions = [\"us\", \"local\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"data = [\n {\n category: \"Conservative Republicans\",\n type: \"Solar\",\n us: 39,\n local: 37\n },\n {\n category: \"Liberal/moderate Republicans\",\n type: \"Solar\",\n us: 60,\n local: 57\n },\n {\n category: \"All registered voters\",\n type: \"Solar\",\n us: 66,\n local: 61\n },\n {\n category: \"Moderate/conservative Democrats\",\n type: \"Solar\",\n us: 78,\n local: 69\n },\n {\n category: \"Liberal Democrats\",\n type: \"Solar\",\n us: 90,\n local: 86\n },\n {\n category: \"Conservative Republicans\",\n type: \"Wind\",\n us: 39,\n local: 33\n },\n {\n category: \"Liberal/moderate Republicans\",\n type: \"Wind\",\n us: 60,\n local: 51\n },\n {\n category: \"All registered voters\",\n type: \"Wind\",\n us: 65,\n local: 57\n },\n {\n category: \"Moderate/conservative Democrats\",\n type: \"Wind\",\n us: 74,\n local: 65\n },\n {\n category: \"Liberal Democrats\",\n type: \"Wind\",\n us: 90,\n local: 81\n },\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":380,"value":"imgUs = FileAttachment(\"politics-policy-december-2022-3.4-1024x890.png\").image({ width: totalwidth })","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"imgTheirArea = FileAttachment(\"politics-policy-december-2022-3.5-1024x890.png\").image({ width: totalwidth})","pinned":true,"hidden":false,"mode":"ojs"},{"id":88,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"geometric = require(\"geometric@2\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":112,"value":"import { franklinLight } from \"@climatelab/fonts@44\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":405,"value":"import { toc } from \"@harrystevens/toc\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}