29:null 2a:["$","title",null,{"children":"Landtagswahl Sachsen 01.09.2024 | lab | Observable"}] 2f:T24ff,chartCK = { const ATTR_STIMMEN = "gültige_2"; const ATTR_GRUENE = "GRÜNE_2"; const ATTR_CDU = "CDU_2"; const ATTR_SPD = "SPD_2"; const ATTR_FDP = "FDP_2"; const ATTR_AFD = "AfD_2"; const ATTR_LINKE = "DIE LINKE_2"; const ATTR_WAHLBERECHTIGTE = "Wahlberechtigte"; const ATTR_WAEHLER = "Wähler"; const CELL_SIZE = 50; // Internes Koordinatensystem const WIDTH = 800; const HEIGHT = 750; // Sichtbare Höhe const DISPLAY_HEIGHT = 700; const DISPLAY_WIDTH = (DISPLAY_HEIGHT * WIDTH) / HEIGHT; const PADDING = cellPadding; const LABEL_PADDING_LEFT = 15; // Karte linksbündig und näher an die Überschrift const GRID_LEFT = 0; const GRID_TOP = 90; const RECT_ROUND = 4; const COLORS = originalPartyColors; const CELL_PATTERN = getPatternVertical; const LABEL_SIZE = 15; const CITY_STROKE_WIDTH = 2.5; const container = html` `; // -------------------------------------------------- // Überschrift linksbündig // -------------------------------------------------- d3.select(container) .append("div") .attr("class", "chart-title") .text("Landtagswahl 2024 – Sachsen"); // -------------------------------------------------- // SVG // -------------------------------------------------- const svg = d3 .select(container) .append("svg") .style("background", "white") .attr("viewBox", `0 0 ${WIDTH} ${HEIGHT}`) .attr("preserveAspectRatio", "xMinYMin meet"); const div = d3.select(container).append("div").classed("tooltip", true); const defs = svg.append("svg:defs"); // -------------------------------------------------- // Outline Sachsen // -------------------------------------------------- const projection = d3.geoMercator().fitSize([600, 650], outline); const path = d3.geoPath().projection(projection); svg .append("g") .selectAll("path") .data(outline.features) .enter() .append("path") .attr("d", path) .attr("fill", "#eee") .attr("stroke", "#aaa") .attr("stroke-width", 0) .attr("transform", "translate(0,-90) scale(1.35,1.45)"); // -------------------------------------------------- // Pattern // -------------------------------------------------- CELL_PATTERN(defs, patternTilt, "#fff", [0, 1], [0, 1], 1, COLORS); // -------------------------------------------------- // Rechtecke // -------------------------------------------------- svg .append("g") .selectAll("rect") .data(data) .join("rect") .attr("class", "cell") .attr("x", (d) => GRID_LEFT + d.col * (CELL_SIZE + PADDING)) .attr("y", (d) => GRID_TOP + d.row * (CELL_SIZE + PADDING)) .attr("width", CELL_SIZE) .attr("height", CELL_SIZE) .attr("rx", RECT_ROUND) .attr("fill", (d) => `url(#${d.id})`) .attr("stroke", "#222") .attr("stroke-width", (d) => (isCity(d.id) ? CITY_STROKE_WIDTH : 0)); function isCity(id) { return [ "L1", "L2", "L3", "L4", "L5", "L6", "L7", "L8", "D1", "D2", "D3", "D4", "D5", "D6", "D7", "D8" ].includes(id); } // -------------------------------------------------- // Labels // -------------------------------------------------- svg .selectAll("text.labels") .data(data) .join("text") .attr("class", "labels") .attr("text-anchor", "start") .attr( "x", (d) => GRID_LEFT + d.col * (CELL_SIZE + PADDING) + LABEL_PADDING_LEFT ) .attr("y", (d) => GRID_TOP + d.row * (CELL_SIZE + PADDING) + LABEL_SIZE / 2) .attr("text-anchor", "middle") .attr("dominant-baseline", "central") .style("font-family", "'Open Sans', sans-serif") .attr("font-size", LABEL_SIZE) .attr("fill", "#fff") .attr("fill-opacity", 0.8) .text((d) => d.id); const tooltip = new Tooltip(div); // -------------------------------------------------- // Hover-Overlay // -------------------------------------------------- svg .append("g") .selectAll("rect") .data(data) .join("rect") .attr("class", "overlay") .attr("x", (d) => GRID_LEFT + d.col * (CELL_SIZE + PADDING)) .attr("y", (d) => GRID_TOP + d.row * (CELL_SIZE + PADDING)) .attr("width", CELL_SIZE) .attr("height", CELL_SIZE) .attr("rx", RECT_ROUND) .attr("id", (d) => "bezirk" + d.id) .style("opacity", 0) .style("fill-opacity", 0) .style("stroke", "#fff") .style("stroke-width", "4px") .on("mouseover", (event, d) => { d3.select("#bezirk" + d.id) .transition() .duration(10) .style("opacity", 1); tooltip.display(d, tooltipContents); }) .on("mouseout", (event, d) => { d3.select("#bezirk" + d.id) .transition() .style("opacity", 0); tooltip.hide(); }) .on("mousemove", (event) => { tooltip.move(event); }); // -------------------------------------------------- // Tooltip // -------------------------------------------------- function tooltipContents(d) { const swatch_html = ";width:1em;height:1em;border: 0px solid #eee;;border-radius:5px'>oo"; return ( "

" + "

Wahlkreis " + d["WK-Name"] + "

" + // CDU " AfD: " + getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN).toFixed(1) + "%
" + // DIE LINKE " GRÜNE: " + getPartyPercentage(d, ATTR_GRUENE, ATTR_STIMMEN).toFixed(1) + "%
" + // SPD " FDP: " + getPartyPercentage(d, ATTR_FDP, ATTR_STIMMEN).toFixed(1) + "%
" + // SONSTIGE "
" + "Wahlbeteiligung: " + ((d[ATTR_WAEHLER] / d[ATTR_WAHLBERECHTIGTE]) * 100).toFixed(1) + "%

" ); } // -------------------------------------------------- // viu:lab direkt unter der Karte // -------------------------------------------------- svg .append("text") .attr("x", DISPLAY_WIDTH / 2) .attr("y", 700) .attr("text-anchor", "middle") .style("font-family", "'Open Sans', sans-serif") .attr("font-size", 12) .attr("fill", "#999") .text("viu:lab Forschungsgruppe, HAW Hamburg"); // -------------------------------------------------- // Legende an der Karte // -------------------------------------------------- addLegend(container, COLORS, DISPLAY_WIDTH); return container; }30:T941,addLegend = function (container, colors, mapWidth) { const legend = d3 .select(container) .append("div") .attr("class", "legend") .style("position", "absolute") // Rechte Kante der Legende an der Kartenbreite ausrichten .style("left", `${mapWidth - 10}px`) .style("transform", "translateX(-100%)") // Vertikale Position .style("bottom", "95px") .style("background-color", "#fff") .style("padding", "8px 10px") .style("border-radius", "8px") .style("font-family", "'Open Sans', Arial, sans-serif") .style("font-size", "10px") .style("box-shadow", "0 0 4px rgba(0,0,0,0.25)") .style("box-sizing", "border-box") .style("z-index", "10"); legend .append("div") .text("Zweitstimmen") .style("margin", "0 0 6px 0") .style("font-size", "11px") .style("font-weight", "bold"); const list = legend .append("div") .style("display", "flex") .style("flex-direction", "column") .style("gap", "4px"); // Gewünschte Reihenfolge const partyOrder = ["CDU", "AfD", "LINKE", "GRUENE", "SPD", "FDP", "OTHERS"]; partyOrder.forEach((party) => { const color = colors[party]; const item = list .append("div") .style("display", "flex") .style("align-items", "center") .style("white-space", "nowrap"); item .append("div") .style("width", "9px") .style("height", "9px") .style("background-color", color) .style("border-radius", "2px") .style("margin-right", "5px") .style("flex", "0 0 auto"); item.append("span").text(partiesLabels[party] ?? party); }); // Trennlinie zwischen Parteien und zusätzlicher Markierung legend .append("div") .style("border-top", "1px solid #ddd") .style("margin", "7px 0 6px 0"); // Markierung für Wahlkreise von Großstädten const cityItem = legend .append("div") .style("display", "flex") .style("align-items", "center") .style("white-space", "nowrap"); cityItem .append("div") .style("width", "9px") .style("height", "9px") .style("background-color", "#fff") .style("border", "2px solid #000") .style("border-radius", "2px") .style("margin-right", "5px") .style("box-sizing", "border-box") .style("flex", "0 0 auto"); cityItem.append("span").text("Großstadt-Wahlkreis"); }31:T1750,getPatternVertical = function ( defs, tilt, bg_col_cell, boundsX, boundsY, patternFactor, colors ) { const ATTR_STIMMEN = "gültige_2"; const ATTR_GRUENE = "GRÜNE_2"; const ATTR_CDU = "CDU_2"; const ATTR_SPD = "SPD_2"; const ATTR_FDP = "FDP_2"; const ATTR_AFD = "AfD_2"; const ATTR_LINKE = "DIE LINKE_2"; const PATTERN_EPS = 0.01; let pattern = defs .selectAll(null) .data(data) .enter() .append("svg:pattern") .attr("id", function (d) { return d.id; }) //.attr("patternTransform", "rotate(" + tilt + ")") .attr("patternUnits", "objectBoundingBox") .attr("viewBox", "0 0 1 1") .attr("width", 1) .attr("height", 1) .attr("fill", bg_col_cell); // -------------------------------------------------- // 1. CDU // -------------------------------------------------- pattern .append("rect") .attr("x", boundsX[0]) .attr("y", PATTERN_EPS + boundsY[0]) .attr("width", boundsX[1] - boundsX[0]) .attr("height", function (d) { if (d.id === "B2") { const v = getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) / 100; console.log("Pattern CDU B2:", v); } return getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) / 100; }) .attr("fill", colors["CDU"]); // -------------------------------------------------- // 2. AfD // -------------------------------------------------- pattern .append("rect") .attr("x", boundsX[0]) .attr("y", function (d) { return ( PATTERN_EPS + boundsY[0] + getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) / 100 ); }) .attr("width", boundsX[1] - boundsX[0]) .attr("height", function (d) { if (d.id === "B2") { const v = getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN) / 100; console.log("Pattern AfD B2:", v); } return getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN) / 100; }) .attr("fill", colors["AfD"]); // -------------------------------------------------- // 3. DIE LINKE // -------------------------------------------------- pattern .append("rect") .attr("x", boundsX[0]) .attr("y", function (d) { return ( PATTERN_EPS + boundsY[0] + (getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN)) / 100 ); }) .attr("width", boundsX[1] - boundsX[0]) .attr("height", function (d) { return getPartyPercentage(d, ATTR_LINKE, ATTR_STIMMEN) / 100; }) .attr("fill", colors["LINKE"]); // -------------------------------------------------- // 4. GRÜNE // -------------------------------------------------- pattern .append("rect") .attr("x", boundsX[0]) .attr("y", function (d) { return ( PATTERN_EPS + boundsY[0] + (getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_LINKE, ATTR_STIMMEN)) / 100 ); }) .attr("width", boundsX[1] - boundsX[0]) .attr("height", function (d) { return getPartyPercentage(d, ATTR_GRUENE, ATTR_STIMMEN) / 100; }) .attr("fill", colors["GRUENE"]); // -------------------------------------------------- // 5. SPD // -------------------------------------------------- pattern .append("rect") .attr("x", boundsX[0]) .attr("y", function (d) { return ( PATTERN_EPS + boundsY[0] + (getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_LINKE, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_GRUENE, ATTR_STIMMEN)) / 100 ); }) .attr("width", boundsX[1] - boundsX[0]) .attr("height", function (d) { return getPartyPercentage(d, ATTR_SPD, ATTR_STIMMEN) / 100; }) .attr("fill", colors["SPD"]); // -------------------------------------------------- // 6. FDP // -------------------------------------------------- pattern .append("rect") .attr("x", boundsX[0]) .attr("y", function (d) { return ( PATTERN_EPS + boundsY[0] + (getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_LINKE, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_GRUENE, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_SPD, ATTR_STIMMEN)) / 100 ); }) .attr("width", boundsX[1] - boundsX[0]) .attr("height", function (d) { return getPartyPercentage(d, ATTR_FDP, ATTR_STIMMEN) / 100; }) .attr("fill", colors["FDP"]); // -------------------------------------------------- // 7. SONSTIGE // -------------------------------------------------- pattern .append("rect") .attr("x", boundsX[0]) .attr("y", function (d) { return ( PATTERN_EPS + boundsY[0] + (getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_LINKE, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_GRUENE, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_SPD, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_FDP, ATTR_STIMMEN)) / 100 ); }) .attr("width", boundsX[1] - boundsX[0]) .attr("height", function (d) { return ( 1 - (getPartyPercentage(d, ATTR_CDU, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_AFD, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_LINKE, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_GRUENE, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_SPD, ATTR_STIMMEN) + getPartyPercentage(d, ATTR_FDP, ATTR_STIMMEN)) / 100 ); }) .attr("fill", colors["OTHERS"]); return pattern; }32:T969,S = [ //Ba-Wü Wahlkreise { nr: 33, id: "NS1", row: 0, col: 3 }, { nr: 34, id: "NS2", row: 0, col: 4 }, { nr: 30, id: "L6", row: 1, col: 1 }, { nr: 31, id: "L7", row: 1, col: 2 }, { nr: 25, id: "L1", row: 1, col: 3 }, { nr: 27, id: "L3", row: 1, col: 4 }, { nr: 32, id: "L8", row: 1, col: 5 }, { nr: 22, id: "MS4", row: 2, col: 2 }, { nr: 29, id: "L5", row: 2, col: 3 }, { nr: 28, id: "L4", row: 2, col: 4 }, { nr: 26, id: "L2", row: 2, col: 5 }, { nr: 24, id: "LL4", row: 2, col: 6 }, { nr: 35, id: "NS3", row: 2, col: 7 }, { nr: 36, id: "M1", row: 2, col: 8 }, { nr: 37, id: "M2", row: 2, col: 9 }, { nr: 54, id: "B3", row: 2, col: 10 }, { nr: 53, id: "B2", row: 2, col: 11 }, { nr: 55, id: "B4", row: 2, col: 12 }, { nr: 56, id: "B5", row: 2, col: 13 }, { nr: 57, id: "G1", row: 2, col: 14 }, { nr: 21, id: "LL1", row: 3, col: 3 }, { nr: 23, id: "LL3", row: 3, col: 4 }, { nr: 20, id: "MS4", row: 3, col: 5 }, { nr: 38, id: "M3", row: 3, col: 7 }, { nr: 40, id: "D1", row: 3, col: 8 }, { nr: 45, id: "D6", row: 3, col: 9 }, { nr: 41, id: "D2", row: 3, col: 10 }, { nr: 44, id: "D5", row: 3, col: 11 }, { nr: 52, id: "B1", row: 3, col: 12 }, { nr: 59, id: "G3", row: 3, col: 13 }, { nr: 58, id: "G2", row: 3, col: 14 }, { nr: 19, id: "MS3", row: 4, col: 4 }, { nr: 10, id: "C2", row: 4, col: 5 }, { nr: 48, id: "SO1", row: 4, col: 7 }, { nr: 46, id: "D7", row: 4, col: 8 }, { nr: 47, id: "D8", row: 4, col: 9 }, { nr: 43, id: "D4", row: 4, col: 10 }, { nr: 42, id: "D3", row: 4, col: 11 }, { nr: 60, id: "G4", row: 4, col: 13 }, { nr: 7, id: "Z4", row: 5, col: 3 }, { nr: 8, id: "Z5", row: 5, col: 4 }, { nr: 9, id: "C1", row: 5, col: 5 }, { nr: 11, id: "C3", row: 5, col: 6 }, { nr: 18, id: "MS2", row: 5, col: 7 }, { nr: 17, id: "MS1", row: 5, col: 8 }, { nr: 49, id: "SO2", row: 5, col: 9 }, { nr: 50, id: "SO3", row: 5, col: 10 }, { nr: 51, id: "SO4", row: 5, col: 11 }, { nr: 5, id: "Z2", row: 6, col: 2 }, { nr: 6, id: "Z3", row: 6, col: 3 }, { nr: 12, id: "E1", row: 6, col: 4 }, { nr: 16, id: "E5", row: 6, col: 5 }, { nr: 4, id: "Z1", row: 7, col: 3 }, { nr: 13, id: "E2", row: 7, col: 4 }, { nr: 14, id: "E3", row: 7, col: 5 }, { nr: 15, id: "E4", row: 7, col: 6 }, { nr: 1, id: "V1", row: 8, col: 2 }, { nr: 3, id: "V3", row: 8, col: 3 }, { nr: 2, id: "V2", row: 8, col: 4 } ]33:T559,class Tooltip { constructor(selection) { if (!selection || !selection.size()) { throw "Requires a tooltip div element selection"; } this._selection = selection; } move(event) { if (!event) return; const margin = 20; const { clientX: x, clientY: y } = event; const { width, height } = this.selection.node().getBoundingClientRect(); const left = this.clamp( margin, x - width / 2, window.innerWidth - width - margin ); const svg_height = this.selection .node() .parentNode.getBoundingClientRect().height; const top = svg_height > y + margin + height ? y + margin : y - height - margin; this.selection.style("top", `${top}px`).style("left", `${left}px`); } display(datum, callback) { if (!callback || typeof callback !== "function") { throw "ToolTip.display requires a callback function that returns an HTML string"; } this.selection.style("display", "block").html(callback(datum)); } hide() { this.selection.style("display", "none").html(""); } clamp(min, d, max) { return Math.max(min, Math.min(max, d)); } get selection() { return this._selection; } set selection(sel) { if (sel && sel.size()) { this._selection = sel; } else { throw "selection must be a non-empty selected element"; } } }34:[{"id":"b55a56932cb437746c376a7b9d3218e7dcb0da3175d31f4f51ea9269f4b594c22f1f3ed19455e9696ccd59c394e89cc5cf13125befb93bf6cecfc6dc42f89a6d","href":"https://static.observableusercontent.com/files/b55a56932cb437746c376a7b9d3218e7dcb0da3175d31f4f51ea9269f4b594c22f1f3ed19455e9696ccd59c394e89cc5cf13125befb93bf6cecfc6dc42f89a6d","name":"bodensee.geojson","type":"application/geo+json","lastModified":1783494726390.557,"size":431509},{"id":"45055c40afa48037b25131c09141af8d96705d77bd004a56ea39d9a906e1b11972f34e9cb7f8e0aea344b87c56806be2fdcebec9e26548bf5d56311ae84fd69e","href":"https://static.observableusercontent.com/files/45055c40afa48037b25131c09141af8d96705d77bd004a56ea39d9a906e1b11972f34e9cb7f8e0aea344b87c56806be2fdcebec9e26548bf5d56311ae84fd69e","name":"S_LW24_Ergebniss_CSV_260828.csv","type":"text/csv","lastModified":1787925066176.134,"size":16298},{"id":"f94cff16007cdc2e6a727b114f930a00601ea32e4557a12967f20a1da8980b2e71453eb2d5c16be545d732edd4d57b347e9498d68c6a369ede54f50f0084d2e7","href":"https://static.observableusercontent.com/files/f94cff16007cdc2e6a727b114f930a00601ea32e4557a12967f20a1da8980b2e71453eb2d5c16be545d732edd4d57b347e9498d68c6a369ede54f50f0084d2e7","name":"landesgrenze-sachsen.geojson","type":"application/geo+json","lastModified":1783494726390.557,"size":32973},{"id":"6770ce82d98abe7bfd11b94f6d4f746b5a549e109ad9c3b540c0c1e0a09a40cba69f8479512a2d59774211146a24c2d7c3e1522d934d503d2b9f5130e4a3258a","href":"https://static.observableusercontent.com/files/6770ce82d98abe7bfd11b94f6d4f746b5a549e109ad9c3b540c0c1e0a09a40cba69f8479512a2d59774211146a24c2d7c3e1522d934d503d2b9f5130e4a3258a","name":"S_LW24_Ergebniss_CSV.csv","type":"text/csv","lastModified":1783593058455.811,"size":16628}] 2d:{"id":"cb20733cab58bf2e","slug":null,"title":"Landtagswahl Sachsen 01.09.2024","thumbnail":"39ecf433ca143b1a14744bdd69f8d7b818af159116037c321558be5846158e01","access_level":"public","create_time":"$D2026-07-08T07:12:06.390Z","update_time":"$D2026-08-28T13:51:06.176Z","view_time":null,"first_public_time":"$D2026-07-10T10:41:01.911Z","fork":{"id":"92b93f0e8abf20a9","slug":"landtagswahl-sachsen-anhalt-2021","title":"Landtagswahl Sachsen Anhalt 2021","owner":{"id":"dc01608112438589","login":"lab24","name":"lab"}},"stars":0,"starred":false,"owner":{"type":"team","id":"dc01608112438589","login":"lab24","name":"lab","avatar_url":"https://avatars-next.observableusercontent.com/af750d65b5749c2a042ef49e68a93f5d5c831603a570d95f116b61016d2b9a89","tier":"starter_2024"},"version":1281,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"32a5f44203d7d8b4","login":"pbm","name":"PBM","avatar_url":"https://avatars-next.observableusercontent.com/2587db4c2e879822288060724b00a9f903f222aa423422152e4e638bbec00ec2","tier":null}],"members":[{"type":"team","id":"dc01608112438589","login":"lab24","name":"lab","avatar_url":"https://avatars-next.observableusercontent.com/af750d65b5749c2a042ef49e68a93f5d5c831603a570d95f116b61016d2b9a89","tier":"starter_2024","role":"editor"},{"type":"individual","id":"32a5f44203d7d8b4","login":"pbm","name":"PBM","avatar_url":"https://avatars-next.observableusercontent.com/2587db4c2e879822288060724b00a9f903f222aa423422152e4e638bbec00ec2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":6,"collection":null,"type":"notebook","body":{"title":"Landtagswahl Sachsen 01.09.2024","cells":[{"id":0,"value":"# Landtagswahl Sachsen 01.09.2024","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":291,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":293,"value":"viewof patternTilt = Inputs.range([-90, 90], {\n label: \"Winkel\",\n step: 1,\n value: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":296,"value":"viewof cellPadding = Inputs.range([0, 10], {\n label: \"Zellabstand\",\n step: 1,\n value: 3\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":253,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":135,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1218,"value":"getPartyPercentage = (d, attrParty, attrAll) => {\n //console.log({\n // partyAttr: attrParty,\n // partyVotes: d[attrParty],\n // stimmenRaw: d[attrAll],\n // calculated: (100 * Number(d[attrParty])) / Number(d[attrAll])\n //});\n return (\n (100 * Number(String(d[attrParty]).replaceAll(\".\", \"\"))) /\n Number(String(d[attrAll]).replaceAll(\".\", \"\"))\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"parties = [\"GRUENE\", \"CDU\", \"SPD\", \"LINKE\", \"FDP\", \"AfD\", \"OTHERS\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":666,"value":"partiesLabels = ({\n GRUENE: \"Grüne\",\n CDU: \"CDU\",\n AfD: \"AfD\",\n SPD: \"SPD\",\n LINKE: \"DIE LINKE\",\n FDP: \"FDP\",\n OTHERS: \"Sonstige\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":319,"value":"originalPartyColors = ({\n GRUENE: \"#418940\",\n CDU: \"#505050\",\n AfD: \"#0c82bf\",\n SPD: \"#cc2028\",\n LINKE: \"#CE93D8\", // \"rgb(193, 49, 151)\"\n FDP: \"#fdb716\",\n OTHERS: \"#999\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28,"value":"winner = (d) => {\n let votes = [\n { key: \"GRUENE_2\", value: +d.F1 },\n { key: \"CDU_2\", value: +d.F2 },\n { key: \"AfD_2\", value: +d.F5 }\n ];\n\n let max = votes.reduce((a, b) => (a.value > b.value ? a : b));\n return max.key;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":38,"value":"data = S.map((cell) => ({\n ...cell,\n ...electionData.find((r) => r.Nummer === cell.nr + \"\")\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":144,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":215,"value":"outline = await FileAttachment(\"landesgrenze-sachsen.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":472,"value":"bodensee = await FileAttachment(\"bodensee.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":778,"value":"electionData = d3.dsvFormat(\";\").parse(await FileAttachment(\"S_LW24_Ergebniss_CSV_260828.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 2e:"$2d:body"