29:null 2a:["$","title",null,{"children":"Politikerranking | RND | Observable"}] 2f:T9b1,beliebtheit_chart = Plot.plot({ width, height: new Set(beliebtheit.map((d) => d.politiker)).size * 20 + 40, insetRight: 20, marginBottom: 40, marginLeft: 25, marginRight: 40, x: { tickFormat: (d) => `${d.toLocaleString("de", { maximumFractionDigits: "0" })}`, label: "Prozent", grid: true, domain: [0, 50], ticks: [20, 40] }, y: { axis: null, domain: d3.sort(beliebtheit, (d) => d.rank).map((d) => d.politiker) }, marks: [ // Balken Plot.rectX(beliebtheit, { x: "percent", y: "politiker", fill: (d) => Array.from(hochburgen.keys()).includes(d.party) ? hochburgen.get(d.party) : "#99AFC2", fillOpacity: (d) => (d.politiker == "Olaf Scholz") | (d.politiker == "Boris Pistorius") ? 1 : 0.3, strokeWidth: isDarkMode() ? 1 : 0 }), // Text Rang Plot.text(beliebtheit, { x: 0, y: "politiker", dx: -5, fillOpacity: (d) => (d.politiker == "Olaf Scholz") | (d.politiker == "Boris Pistorius") ? 1 : 0.2, fontWeight: 400, fontSize: 12, fontFamily: "InterRegular", textAnchor: "end", text: (d) => `${d.rank}` }), // Text Politiker Plot.text(beliebtheit, { x: 0, y: "politiker", dx: 5, fill: "#fff", fontWeight: 600, fontSize: 12, fontFamily: "InterRegular", textAnchor: "start", text: (d) => `${d.nachname}` }), // Label Plot.text(beliebtheit, { x: "percent", y: "politiker", fontWeight: 400, fontSize: 12, fontFamily: "InterRegular", textAnchor: "end", dx: -3, fill: "#fff", fillOpacity: (d) => (d.politiker == "Olaf Scholz") | (d.politiker == "Boris Pistorius") ? 1 : 0.3, text: (d) => `${d.percent.toLocaleString("de", { minimumFractionDigits: 1, maximumFractionDigits: 1 })}` }), // Tooltip Plot.tip( beliebtheit, Plot.pointerY({ x: 0, y: "politiker", anchor: "left", fill: isDarkMode() ? "#293845" : "#ffffff", fillOpacity: 0.8, strokeOpacity: 0.5, title: (d) => `${d.politiker} (${d.party}): ${d.percent.toLocaleString("de", { maximumFractionDigits: 1 })} Prozent` }) ), Plot.ruleX([0]) ] })30:Tb82,function Scrubber( values, { format = (value) => value, initial = 2020, delay = null, autoplay = true, loop = true, loopDelay = null, alternate = false } = {} ) { values = Array.from(values); const form = html``; let frame = null; let timer = null; let interval = null; let direction = 1; function start() { form.b.textContent = "Pause"; if (delay === null) frame = requestAnimationFrame(tick); else interval = setInterval(tick, delay); } function stop() { form.b.textContent = "Start"; if (frame !== null) cancelAnimationFrame(frame), (frame = null); if (timer !== null) clearTimeout(timer), (timer = null); if (interval !== null) clearInterval(interval), (interval = null); } function running() { return frame !== null || timer !== null || interval !== null; } function tick() { if ( form.i.valueAsNumber === (direction > 0 ? values.length - 1 : direction < 0 ? 0 : NaN) ) { if (!loop) return stop(); if (alternate) direction = -direction; if (loopDelay !== null) { if (frame !== null) cancelAnimationFrame(frame), (frame = null); if (interval !== null) clearInterval(interval), (interval = null); timer = setTimeout(() => (step(), start()), loopDelay); return; } } if (delay === null) frame = requestAnimationFrame(tick); step(); } function step() { form.i.valueAsNumber = (form.i.valueAsNumber + direction + values.length) % values.length; form.i.dispatchEvent(new CustomEvent("input", { bubbles: true })); } form.i.oninput = (event) => { if (event && event.isTrusted && running()) stop(); form.value = values[form.i.valueAsNumber]; form.o.value = format(form.value, form.i.valueAsNumber, values); }; form.b.onclick = () => { if (running()) return stop(); direction = alternate && form.i.valueAsNumber === values.length - 1 ? -1 : 1; form.i.valueAsNumber = (form.i.valueAsNumber + direction) % values.length; form.i.dispatchEvent(new CustomEvent("input", { bubbles: true })); start(); }; form.i.oninput(); if (autoplay) start(); else stop(); Inputs.disposal(form).then(stop); return form; }31:Tf45,style = html`

`32:[] 2d:{"id":"43011cbb7bed9d06","slug":null,"title":"Politikerranking","thumbnail":"c17a654394291c81f29cb793fcc4001e402433c3b848cf97df26d86db9ac2eac","access_level":"public","create_time":"$D2024-11-12T13:32:08.852Z","update_time":"$D2024-11-21T15:00:48.743Z","view_time":null,"first_public_time":"$D2024-11-12T13:32:08.852Z","fork":{"id":"5f0cdb6d8542649e","slug":null,"title":"Direktmandate der Ministerpräsidenten","owner":{"id":"b8db01b7dd27a055","login":"rnd","name":"RND"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024"},"version":1746,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null}],"members":[{"type":"individual","id":"5f9b41b7f852d3da","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":null,"role":"editor"},{"type":"team","id":"b8db01b7dd27a055","login":"rnd","name":"RND","avatar_url":"https://avatars-next.observableusercontent.com/8cd6e8f8a280701f2c59b563c390950d7287c4e64c058ec466b6042ca5b6e9e1","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Politikerranking","cells":[{"id":0,"value":"# Politikerranking","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1169,"value":"title = new URLSearchParams(document.location.search).get(\"title\") ??\n \"Scholz nach unten durchgereicht\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"beliebtheit_title = html`\n

${title}

\n Zustimmung der Befragten zu Politikern in Prozent\n

\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1667,"value":"viewof time = Scrubber(monate, {\n delay: 750,\n autoplay: true,\n loopDelay: 3000,\n format: (date) =>\n date.toLocaleString(\"de\", {\n day: \"numeric\",\n month: \"long\"\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":295,"value":"beliebtheit_credits = md`

Grafik: RND/Christ • Quelle: INSA

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"hochburgen = new Map([\n [\"CDU\", isDarkMode() ? \"#99AFC2\" : \"#333\"],\n [\"CSU\", isDarkMode() ? \"#99AFC2\" : \"#333\"],\n [\"SPD\", \"#f44647\"],\n [\"Grüne\", \"#6abf4a\"],\n [\"FDP\", \"#ffd600\"],\n [\"Linke\", \"#c72767\"],\n [\"AfD\", \"#5fb1bf\"],\n [\"BSW\", \"#312783\"],\n [\"Freie Wähler\", \"#E99939\"]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1308,"value":"beliebtheit_data = read(\n \"https://docs.google.com/spreadsheets/d/1CnKEx71VKpas2dgDs4siyK8Y8VLj_JUw2LydqHP6ilA/edit?gid=0#gid=0\",\n \"ranking\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1487,"value":"beliebtheit = beliebtheit_data\n .map((d) => ({\n ...d,\n percent: +d.percent,\n rank: +d.rank\n }))\n .filter((d) => d.month == time)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1672,"value":"monate = new Set(beliebtheit_data.map((d) => d.month))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1669,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1623,"value":"import { Player } from \"@rnd/klimawidget\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"isDarkMode = () =>\n window.matchMedia && window.matchMedia(\"(prefers-color-scheme: dark)\").matches","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1304,"value":"googleSpreadsheetURLAdaptor = (path, sheet) => {\n // adjust path if given a path to a google doc but without the correct export suffix. the first sheet is taken since none is specified\n const GOOGLE_DOC_PREFIX = \"https://docs.google.com/spreadsheets/\";\n\n if (\n path.includes(GOOGLE_DOC_PREFIX) &&\n !path.includes(\"tqx=out:csv\") &&\n !path.includes(\"/pub?\")\n ) {\n const googleDocParsedUrl = path.split(GOOGLE_DOC_PREFIX)[1].split(\"/\");\n const googleDocId = googleDocParsedUrl[googleDocParsedUrl.indexOf(\"d\") + 1];\n return (\n GOOGLE_DOC_PREFIX +\n \"d/\" +\n googleDocId +\n \"/gviz/tq?tqx=out:csv\" +\n (sheet ? \"&sheet=\" + encodeURI(sheet.toLowerCase()) : \"\")\n );\n } else {\n return path;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1302,"value":"read = async function (url, sheet) {\n if (!url) return \"Provide URL above\";\n let result = [];\n const path = googleSpreadsheetURLAdaptor(url, sheet);\n const spreadsheet = await d3\n .csv(path)\n .then((data) => data.forEach((d) => result.push(d))); // d3.csv returns a Promise\n return result;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"ns = Inputs.text().classList[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"