30:T571,# Gender in party politics, an interactive tool to explore how parties address gender-related issues in their manifestos Scholars, commentators and pundits widely acknowledge that gender issues have become a contentious issue in European party politics, and that right-wing populist parties Right-Wing Populist Parties (RWPP) have played a pivotal role in this process. However, experts and policymakers have relied primarily on evidence from specific parties, national contexts, or limited time frames. To fill this gap, the UNTWIST project has undertaken the most comprehensive examination to date of party policy positions on gender needs, analysing hundreds of party manifestos across the six countries involved in the project –Denmark, Germany, Hungary, the UK, Switzerland and Spain–, through The [Euromanifesto Project (EM)](https://www.uni-saarland.de/en/chair/braun/research-and-activities/euromanifestos-content-analysis.html) and [The Manifesto Project (MARPOR)](https://manifesto-project.wzb.eu/). The EM focuses on collecting and analysing political parties' manifestos specifically for European Parliament elections, aiming to assess their positions and priorities on EU-related and other issues. The MARPOR examines parties' national election programs across more than 50 countries since 1945. Explore the codes: [Code book](https://observablehq.com/d/71371df81e6ec2de)31:T4a9,Plot.plot({ width: 1000, height: 500, y: { percent: true, grid: true, label: "Average percentage of gender-related sentences in manifestos (%)" }, x: { label: "Year", type: "linear", domain: d3.extent(linechartData, (d) => d.year), tickFormat: String }, color: { legend: true, width: 500, label: typeBarPlot, range: typeBarPlot === "country" ? generateDynamicColorScheme( nationalManifestoView ? countries_MARPOR : countries_EM ) : [continious_color_scheme_2[0], continious_color_scheme_2[2]] }, marks: [ Plot.lineY(linechartData, { x: "year", y: "percentage", z: "main", stroke: "black", opacity: 0.25, strokeWidth: 4, curve: "bump-x" }), Plot.lineY(linechartData, { x: "year", y: "percentage", stroke: "main", curve: "bump-x" }), Plot.dot(linechartData, { x: "year", y: "percentage", fill: "main", stroke: "#C9C9C9", title: (d) => `${d.main}\nGender related sentences proportion: ${( d.percentage * 100 ).toFixed(2)}%, ${d.year}` }) ] })32:T572,combinedChart = html`

${viewof partiesComparisonLegend}

${comparisonChart1_1()}

Horizontal, coloured bars represent the percentage of gender-related sentences in each manifesto by ${ partiesComparisonfilterDimension2.startsWith("domain") ? "topic domain" : partiesComparisonfilterDimension2.startsWith("recipient") ? "manifesto recipients" : partiesComparisonfilterDimension2.startsWith("intersec") ? "intersectionality" : partiesComparisonfilterDimension2.startsWith("connot") ? "sentiment" : partiesComparisonfilterDimension2.startsWith("goal") ? "goal, issue, or policy" : "policy type" }.

${viewof partiesComparisonfilterDimension2} ${viewof partyComparisonFacetedInput}

${comparisonChart2()}

`33:T7db,Plot.plot({ width: 1000, height: selectedManifesto ? 90 : filteredPlotData.length * 40, marginLeft: 250, y: { label: "Party Name", domain: [...new Set(filteredPlotData.map((d) => d.party_name))], tickFormat: (d) => (d.length > 40 ? d.slice(0, 40) + "…" : d) }, x: { label: "Total sentences in the manifesto", tickFormat: String }, color: { legend: true, domain: [false, true], range: [continious_color_scheme_2[0], continious_color_scheme_2[2]], tickFormat: (d) => (d === false ? "Not gender related" : "Gender related") }, marks: [ Plot.barX( getBarPlotTotal(filteredPlotData) .filter( (o) => (filterCountryFinder === "Spain" && nationalManifestoView && o.year === 2019 ? o.date.slice(0, 7).replace("-", "/") === filterYearFinder : o.year === filterYearFinder) && o.country === filterCountryFinder ) .sort((o) => !o.gender), { y: "party", x: "totalSentences", fill: "gender", title: (d) => `${d.party} - ${d.date} \n ${ d.gender ? "Gender related sentences" : "Non gender related sentences" }: ${d.totalSentences}` } ), Plot.text( getBarPlotTotal(filteredPlotData) .filter( (o) => (filterCountryFinder === "Spain" && nationalManifestoView && o.year === 2019 ? o.date === filterYearFinder : o.year === filterYearFinder) && o.totalSentences !== 0 && o.country === filterCountryFinder ) .sort((o) => !o.gender), { y: "party_code", x: (d) => d.textXPosition + 5, text: (d) => `${d.percentage}%`, dy: -1, textAnchor: "start", fill: "black", fontWeight: "bold", fontSize: "11", pointerEvents: "none" } ) ] })34:T9ce,viewof manifestoText = { if (selectedManifesto) { const style = document.createElement("style"); style.textContent = ` .sentence { color: black; font-size: 14px; margin-bottom: 4px; transition: background-color 0.3s, opacity 0.3s; } .sentence.gender-related { background-color: yellow; cursor: pointer; } .sentence.selected { background-color: orange; color: white; font-weight: bold; } .sentence.non-selected { color: grey; opacity: 0.5; pointer-events: none; background-color: transparent; } `; document.head.appendChild(style); const container = document.createElement("div"); container.style.overflowY = "scroll"; container.style.height = "500px"; const updateStyles = () => { const allSentences = container.querySelectorAll(".sentence"); allSentences.forEach((span, i) => { const sentence = selectedManifesto.sentences[i]; span.classList.remove("selected", "non-selected"); if ( mutable selectedSentence && sentence === mutable selectedSentence.sentence ) { span.classList.add("selected"); } else if (mutable selectedSentence) { span.classList.add("non-selected"); } }); }; selectedManifesto.sentences.forEach((sentence, index) => { const span = document.createElement("span"); span.textContent = sentence.text; span.className = "sentence"; if (sentence.is_gender_related) { span.classList.add("gender-related"); } if ( mutable selectedSentence && mutable selectedSentence.sentence === sentence ) { span.classList.add("selected"); } else if (mutable selectedSentence) { span.classList.add("non-selected"); } if (sentence.is_gender_related) { span.addEventListener("click", () => { if ( !mutable selectedSentence || mutable selectedSentence.sentence !== sentence ) { mutable selectedSentence = { sentence, index }; } else { mutable selectedSentence = null; } updateStyles(); }); } container.appendChild(span); container.appendChild(document.createElement("br")); }); return container; } else { return htl.html`

Select a manifesto

`; } }35:T809,filterLegend = (domain, range) => { const value = new Map(domain.map((d) => [d, false])); let colorPool = [range[1]]; let assignedColorsAux = new Map(); assignedColorsAux.set(domain[0], range[0]); value.set(domain[0], true); const _set = () => { set( node, [...value].filter((d) => d[1]).map((d) => d[0]) ); }; const maxSelected = 2; const oninput = (e) => { const checkedCount = [...value.values()].filter((v) => v).length; if (e.target.checked && checkedCount >= maxSelected) { e.target.checked = false; return; } value.set(e.target.id, e.target.checked); if (e.target.checked) { const nextColor = colorPool.shift(); assignedColorsAux.set(e.target.id, nextColor); e.target.style.accentColor = nextColor; } else { if (checkedCount == 1) { colorPool = [...range]; } else { const releasedColor = assignedColorsAux.get(e.target.id); colorPool.unshift(releasedColor); } assignedColorsAux.delete(e.target.id); e.target.style.accentColor = ""; } mutable assignedColors = assignedColorsAux; updateDisabledState(); _set(); }; const updateDisabledState = () => { const checkedCount = [...value.values()].filter((v) => v).length; node.querySelectorAll("input[type='checkbox']").forEach((checkbox) => { if (!checkbox.checked && checkedCount >= maxSelected) { checkbox.disabled = true; } else { checkbox.disabled = false; } }); }; const node = htl.html`

${domain.map( (d, i) => htl.html`

${d}

` )}

`; updateDisabledState(); _set(); mutable assignedColors = assignedColorsAux; return node; }36:T7f0,comparisonChart1_1 = () => { const bothPartiesData = getPartiesComparisonDataPlot1( getPartiesData(data, selectedParties) ); const otherPartiesData = getPartiesComparisonDataPlot1( getGroupOfFilteredParties( data, partiesComparisonFilter1, partiesComparisonFilter2Value ) ).filter( (d) => !selectedParties.includes(dictionaries.party_code[d.party_code].original) ); const title = (d) => `${d.party_name} \n${ d.year } \n Gender related sentences proportion: ${d.percentage.toFixed(2)} %`; const lineConfig = { x: "year", y: "percentage", curve: "monotone-x" }; const partyStrokeStyle = { strokeDasharray: 0, opacity: 0.5, strokeWidth: 2, stroke: "party_name" }; const otherPartyStrokeStyle = { stroke: "grey", opacity: 0.1, dx: 0 }; const ruleConfig = { x: "year", y: "percentage", strokeWidth: 2, strokeDasharray: 4, stroke: "party_name" }; const dotConfig = { x: "year", y: "percentage", r: 4, fill: "party_name", stroke: "white", title: (d) => title(d) }; return Plot.plot({ width: width - width / 6, height: 500, marginLeft: 50, color: { domain: selectedParties, range: selectedColors, label: partiesComparisonfilterDimension2 }, y: { label: "Gender related sentences percentage (%)" }, x: { tickFormat: d3.format("d") }, marks: [ Plot.gridY({ strokeDasharray: "2", strokeOpacity: 0.1 }), Plot.line(otherPartiesData, { ...lineConfig, z: "party_name", ...otherPartyStrokeStyle }), Plot.dot(otherPartiesData, { x: "year", y: "percentage", r: 1, z: "party_name", ...otherPartyStrokeStyle }), Plot.line(bothPartiesData, { ...lineConfig, ...partyStrokeStyle }), Plot.ruleX(bothPartiesData, { ...ruleConfig }), Plot.dot(bothPartiesData, { ...dotConfig }), Plot.ruleY([0], { opacity: 0.1, stroke: "grey" }) ] }); }37:T5b2,comparisonChart1_3 = () => { const title = (d) => `${d.party_name} \n${ d.year } \n Gender related sentences proportion: ${d.percentage.toFixed(2)} %`; const colorScale = Plot.scale({ color: { domain: selectedParties, range: selectedColors, label: partiesComparisonfilterDimension2 } }); return Plot.plot({ width: width / 6, height: 510, marginTop: 20, marginLeft: 20, x: { ticks: "", label: null }, y: { domain: d3 .groupSort( getPartiesComparisonDataPlot1( getGroupOfFilteredParties( data, partiesComparisonFilter1, partiesComparisonFilter2Value ) ), (v) => d3.sum(v, (d) => d.percentage), (d) => d.party_name ) .reverse(), ticks: "", label: null, axis: null }, marks: [ Plot.gridY({ strokeOpacity: 0.1 }), Plot.dotX( getPartiesComparisonDataPlot1( getGroupOfFilteredParties( data, partiesComparisonFilter1, partiesComparisonFilter2Value ) ), { x: "year", y: "party_name", r: "percentage", fill: (d) => selectedParties.includes(getPartyName(d)) ? colorScale.apply(getPartyName(d)) : "#ded4d6", title: title } ) ] }); }38:T5d0,comparisonChart2 = () => { const dimension = partiesComparisonfilterDimension2 === "domain" ? Object.values(dictionaries[partiesComparisonfilterDimension2]).map( (item) => item.label ) : Object.values(dictionaries[partiesComparisonfilterDimension2]); console.log("a", dimension, partiesComparisonfilterDimension2, dictionaries); return Plot.plot({ width: 1000, height: partyComparisonFacetedInput == "Faceted" ? 300 : 150, marginLeft: 150, y: { percent: false, label: null, tickFormat: (d) => String(d).length > 30 ? `${String(d).slice(0, 27)}…` : d }, x: { label: "Percentage %", domain: [0, 100] }, color: { legend: getPartiesData(data, selectedParties).length > 0 ? true : false, width: 1000, range: generateDynamicColorScheme(dimension) }, fy: { label: null }, marks: [ Plot.frame({ fill: "grey", fillOpacity: 0.05, stroke: null }), Plot.barX( getCustomBarPlotData( getPartiesData(data, selectedParties), "party_name", partiesComparisonfilterDimension2 ), { y: "dimension1", x: "value", fill: "dimension2", fy: partyComparisonFacetedInput == "Faceted" ? "dimension2" : null, title: (d) => `${ d.dimension2 } \n Gender related sentences proportion: ${d.value.toFixed(2)} %` } ) ] }); }39:[] 2e:{"title":"Gender in party politics, an interactive tool to explore how parties address gender-related issues in their manifestos","cells":[{"id":0,"value":"$30","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"toc({\n title: \"Index\",\n headers: \"h2\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"## General overview of the database","pinned":false,"hidden":false,"mode":"md"},{"id":81,"value":"{\n const input = html``;\n const toggle = html`\n European\n ${Inputs.bind(input, viewof nationalManifestoView)}\n \n National\n `;\n return toggle;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"viewof typeBarPlot = Inputs.radio(\n new Map([\n [\"Country\", \"country\"],\n [\"Is party far right?\", \"farright\"]\n ]),\n {\n value: \"country\",\n label: \"Type\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":615,"value":"viewof filterCountryBarPlotOverview = Inputs.select(\n [null].concat(nationalManifestoView ? countries_MARPOR : countries_EM),\n {\n value: null,\n label: \"Country filter\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1433,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":853,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":857,"value":"## Exploration","pinned":false,"hidden":false,"mode":"md"},{"id":859,"value":"### Sentiment heatmap \n\nColor intensity represent the average percentage of gender-related sentences by Party Type, Far right/not-Far right or Country and sentiment (positive, negative, and neutral).","pinned":false,"hidden":false,"mode":"md"},{"id":105,"value":"{\n const input = html``;\n const toggle = html`\n European\n ${Inputs.bind(input, viewof nationalManifestoView)}\n \n National\n `;\n return toggle;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":399,"value":"viewof typeHeatMap = Inputs.radio(\n new Map([\n [\"Is party far right?\", \"farright\"],\n [\"Party family\", \"partyfam\"],\n [\"Country\", \"country\"]\n ]),\n {\n value: \"farright\",\n label: \"Type\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":315,"value":"Plot.plot({\n marginLeft: 100,\n height: 500,\n label: null,\n marks: [\n Plot.cell(getConnotationHeatmapData(data, typeHeatMap), {\n x: \"connotation\",\n y: \"main\",\n fill: (d) => {\n const connotation = d.connotation;\n const percentage = d.count.toFixed(2);\n const baseColors = {\n Negative: [0, 100],\n Neutral: [55, 93],\n Positive: [86, 52]\n };\n const [hue, saturation] = baseColors[connotation] || [0, 100];\n const lightness = 90 - (percentage / 100) * 60;\n return `hsl(${hue}, ${saturation}%, ${lightness}%)`;\n }\n }),\n\n Plot.text(getConnotationHeatmapData(data, typeHeatMap), {\n x: \"connotation\",\n y: \"main\",\n fill: (d) => (Math.abs(d.count) > 65 ? \"white\" : \"black\"),\n text: (d) => d.count.toFixed(2) + \" %\"\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":576,"value":"

Dimensions of gender-related topics

Areas represent the proportion of gender-related sentences ${\n filterDimension2.startsWith(\"recipient\") ? \n \"referring to specific recipients based on their gender or sexuality\" : \n filterDimension2.startsWith(\"connotation\") ? \n \"according to their sentiment\" :\n filterDimension2.startsWith(\"inter\") ? \n \"intersecting with other social characteristics determining unique combinations of discrimination and privilege\" :\n filterDimension2.startsWith(\"goal\") ? \n \"that are goal, issues or policies,\" :\n filterDimension2.startsWith(\"domain\") ? \n \"dedicated to different topic domains\" :\n \"by policy type and\"} by \n ${\n filterDimension1.startsWith(\"country\") ?\n \"country\" :\n filterDimension1.startsWith(\"year\") ?\n \"election year\" :\n filterDimension1.startsWith(\"partyfam\") ?\n \"party family\" :\n \"party type (RWPP or not)\"\n }

","pinned":false,"hidden":false,"mode":"html"},{"id":951,"value":"{\n const input = html``;\n const toggle = html`\n European\n ${Inputs.bind(input, viewof nationalManifestoView)}\n \n National\n `;\n return toggle;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":586,"value":"viewof filterDimension1 = Inputs.select(filterOptions, {\n value: \"country\",\n label: \"Group by\",\n format: (d) => filterLabels[d]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":584,"value":"viewof filterDimension2 = Inputs.select(dimensionOptions, {\n value: \"domain\",\n label: \"Feature \",\n format: (d) => dimensionLabels[d]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":581,"value":"Plot.plot({\n width: 1000,\n height: 500,\n marginLeft: 100,\n y: {\n percent: false,\n grid: true,\n label: filterDimension1,\n tickFormat: filterDimension1 == \"year\" ? d3.format(\"d\") : undefined\n },\n x: { label: \"Percentage %\" },\n color: {\n legend: true,\n width: 500,\n label: filterDimension2,\n range: generateDynamicColorScheme(filterDimension2)\n },\n marks: [\n Plot.barX(getCustomBarPlotData(data, filterDimension1, filterDimension2), {\n y: \"dimension1\",\n x: \"value\",\n fill: \"dimension2\",\n title: (d) =>\n `${\n d.dimension2\n } \\n Gender related sentences proportion: ${d.value.toFixed(2)} %`\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":868,"value":"### Topics\nTiles in the mosaic plots represent the salience of specific topics by domain in a specific country.","pinned":false,"hidden":false,"mode":"md"},{"id":948,"value":"{\n const input = html``;\n const toggle = html`\n European\n ${Inputs.bind(input, viewof nationalManifestoView)}\n \n National\n `;\n return toggle;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":811,"value":"viewof filterTreemap = Inputs.select(\n nationalManifestoView ? countries_MARPOR : countries_EM,\n {\n value: \"Germany\",\n label: \"Country\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":813,"value":"key = Swatches(treemapCountryPlot.scales.color)","pinned":false,"hidden":false,"mode":"ojs"},{"id":815,"value":"treemapCountryPlot = {\n const treemapData = getDataTopicProportions(\n data.filter((d) => d.country == filterTreemap)\n );\n const dimension = treemapData.children.map((d) => d.name);\n const colorRange = generateDynamicColorScheme(\n treemapData.children,\n dimension\n );\n return treemap(treemapData, colorRange);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"## Comparison of party manifestos\n","pinned":false,"hidden":false,"mode":"md"},{"id":938,"value":"

\n This graphic allows the user to compare two ${\n partiesComparisonFilter1.startsWith(\"farright\") ? \n \"RWPP manifestos\" : \n partiesComparisonFilter1.startsWith(\"partyfam\") ? \"manifestos by party family\" : \"manifestos by country\"} by year.\n

","pinned":false,"hidden":false,"mode":"html"},{"id":1230,"value":"

\n For instance, the default graphs show how much of the content of ${\n partiesComparisonFilter1 === \"farright\"\n ? \" Alternative für Deutschland (AfD)\"\n : partiesComparisonFilter1 === \"partyfam\"\n ? \"Bündnis 90/Die Grünen\"\n : \"the Piratenpartei\"\n } party manifestos address gender-related issues. The second one graph deals with the topics addressed by ${\n partiesComparisonFilter1 === \"farright\" \n ? \"AfD\" \n : partiesComparisonFilter1 === \"partyfam\" \n ? \"Die Grünen\" : \"the Piratenpartei\"\n } when they engage with gender-related issues. These can be compared with ${\n partiesComparisonFilter1 === \"farright\" ? \n \"other RWPPs\" \n : partiesComparisonFilter1 === \"partyfam\" \n ? \"those of other Green parties\" : \"those of other German parties.\"\n }. You can only select 2 parties to compare.\n

","pinned":false,"hidden":false,"mode":"html"},{"id":108,"value":"{\n const input = html``;\n const toggle = html`\n European\n ${Inputs.bind(input, viewof nationalManifestoView)}\n \n National\n `;\n return toggle;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":693,"value":"viewof partiesComparisonFilter1 = Inputs.radio(\n new Map([\n [\"Far right\", \"farright\"],\n [\"Party family\", \"partyfam\"],\n [\"Country\", \"country\"]\n ]),\n {\n value: \"farright\",\n label: \"Filter parties by\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":696,"value":"partiesComparisonFilter2Form = partiesComparisonFilter1 == \"partyfam\"\n ? Inputs.select(Object.keys(dictionaries.partyfam), {\n format: (x) => dictionaries.partyfam[x],\n label: \"Party family\",\n value: \"10\"\n })\n : partiesComparisonFilter1 == \"country\"\n ? Inputs.select(nationalManifestoView ? countries_MARPOR : countries_EM, {\n value: \"Germany\",\n label: \"Country\"\n })\n : Inputs.radio(new Map([[\"Yes\", 1]]), {\n value: 1,\n label: \"Is far right?\",\n disabled: true\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1292,"value":"### Dots and smoothed lines represent the salience of gender-related issues by party over time","pinned":false,"hidden":false,"mode":"md"},{"id":700,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":413,"value":"## Manifestos Finder\n\nTool for exploring the document corpus of our analysis.\n","pinned":false,"hidden":false,"mode":"md"},{"id":549,"value":"{\n const input = html``;\n const toggle = html`\n European\n ${Inputs.bind(input, viewof nationalManifestoView)}\n \n National\n `;\n return toggle;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":554,"value":"viewof filterCountryFinder = Inputs.select(\n nationalManifestoView ? countries_MARPOR : countries_EM,\n {\n value: \"Germany\",\n label: \"Country\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":567,"value":"viewof filterYearFinder = Inputs.select(\n getYears(nationalManifestoView, filterCountryFinder, true),\n {\n label: \"Year\",\n format: (d) => d\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":562,"value":"viewof selectedManifesto = Inputs.table(\n filteredFinderData.sort((a, b) => a.date.localeCompare(b.date)),\n {\n columns: [\"date\", \"party_name\", \"country\", \"partyfam\", \"farright\"],\n multiple: false\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":964,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1138,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":525,"value":"{\n if (selectedManifesto) {\n const container = html`

`;\n\n dimensionOptions.forEach((d) => {\n const card = html`\n

${formatLabel(d)}

\n ${manifestoDimensionChart(selectedManifesto, d, selectedSentence)}\n

\n `;\n container.append(card);\n });\n\n return container;\n }\n return html`

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"notebookSectionAuthors(\n [\n \"Giuseppe Carteny\",\n \"Daniela Braun\",\n \"Rosa Auguste Erbacher\",\n \"Ruveyda Betül Bahceci\"\n ],\n \"Antonia María Ruiz Jiménez\",\n [\n \"Jakob Brix\",\n \"David Schweizer\",\n \"István Gergõ Székely\",\n \"Elise Frelin\",\n \"Maia Ibsen\",\n \"Sarah Hegazy\",\n \"Viktor Paphazi\",\n \"Rafael, A. Zambrana Pérez\",\n \"Mariana Sendra\",\n \"Friederike Hommel\",\n \"Jesse Granger\"\n ]\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"notebookSectionCite(\n \"UntwistPapersOverview\",\n \"A Typology of Gender-Based Needs\",\n \"UNTWIST Project\",\n \"Tool to overview and search the different papers analysed for the EU Untwist project\",\n \"https://observablehq.com/@untwist/wp4\",\n 2024,\n \"en\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"notebookSectionHowToExport()","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"notebookSectionLicense()","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"notebookSectionFundingDisclaimer()","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"notebookSectionContactUs()","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":830,"value":"notebookSectionExploreWP()","pinned":false,"hidden":false,"mode":"ojs"},{"id":832,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"## Data acquisition and functionality","pinned":false,"hidden":false,"mode":"md"},{"id":1435,"value":"linechartData = getBarPlotData(data, typeBarPlot, filterCountryBarPlotOverview)\n .slice()\n .sort((a, b) => {\n if (a.main !== b.main) {\n return a.main.localeCompare(b.main);\n }\n return a.year - b.year;\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"viewof nationalManifestoView = Inputs.input(0)","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"data = nationalManifestoView ? getData(true) : getData(false)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1450,"value":"getCustomBarPlotData(data, filterDimension1, filterDimension2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":751,"value":"---\n**Dashboard charts**","pinned":false,"hidden":false,"mode":"md"},{"id":1087,"value":"function generateDynamicColorScheme(dimension) {\n const uniqueValues = Array.from(new Set(dimension));\n const colorScale = d3\n .scaleLinear()\n .domain([0, uniqueValues.length - 1])\n .range([\"#FDF8C5\", \"#0058AA\"])\n .interpolate(d3.interpolateHcl);\n\n return uniqueValues.map((_, i) => colorScale(i));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":985,"value":"filteredFinderData = data\n .filter(\n (o) =>\n o.country === filterCountryFinder &&\n (filterCountryFinder !== \"Spain\" || o.year !== 2019\n ? o.year === filterYearFinder\n : o.date.slice(0, 7).replace(\"-\", \"/\") === filterYearFinder)\n )\n .sort((a, b) => a.date.localeCompare(b.date))\n .map((o) => ({\n ...o,\n party_name: dictionaries.party_code[o.party_code]?.original ?? o.party_code,\n partyfam: dictionaries.partyfam[o.partyfam]\n }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1039,"value":"filteredPlotData = selectedManifesto\n ? filteredFinderData.filter(\n (o) => !selectedManifesto || o.party_name === selectedManifesto.party_name\n )\n : filteredFinderData","pinned":false,"hidden":false,"mode":"ojs"},{"id":702,"value":"viewof partiesComparisonLegend = filterLegend(\n Object.values(\n d3\n .groupSort(\n getPartiesComparisonDataPlot1(\n getGroupOfFilteredParties(\n data,\n partiesComparisonFilter1,\n partiesComparisonFilter2Value\n )\n ),\n (group) => d3.sum(group, (d) => d.percentage),\n (d) => d.party_name\n )\n .reverse()\n ),\n partyComparisonColors\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":756,"value":"viewof partiesComparisonfilterDimension2 = Inputs.select(dimensionOptions, {\n value: \"domain\",\n label: \"Feature to compare\",\n format: (d) => dimensionLabels[d]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":782,"value":"viewof partyComparisonFacetedInput = Inputs.radio([\"Stacked\", \"Faceted\"], {\n value: \"Stacked\",\n label: \"Select view:\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":707,"value":"mutable assignedColors = new Map()","pinned":false,"hidden":false,"mode":"ojs"},{"id":761,"value":"selectedParties = Array.from(assignedColors.keys())","pinned":false,"hidden":false,"mode":"ojs"},{"id":771,"value":"selectedColors = Array.from(assignedColors.values())","pinned":false,"hidden":false,"mode":"ojs"},{"id":766,"value":"partiesComparisonFilter2Value = Generators.input(partiesComparisonFilter2Form)","pinned":false,"hidden":false,"mode":"ojs"},{"id":704,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":749,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":776,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":785,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":1158,"value":"mutable selectedSentence = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":1192,"value":"{\n selectedManifesto;\n filterCountryFinder;\n filterYearFinder;\n mutable selectedSentence = null;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"### Imports","pinned":false,"hidden":false,"mode":"md"},{"id":44,"value":"import { toc } from \"@nebrius/indented-toc\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"import { Plot } from \"@mkfreeman/plot-tooltip\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":710,"value":"import { set } from \"@observablehq/synchronized-inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":817,"value":"import { Swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"import {\n notebookSectionDivider,\n notebookSectionContactUs,\n notebookSectionFundingDisclaimer,\n notebookSectionLicense,\n notebookSectionHowToExport,\n notebookSectionCite,\n notebookSectionAuthors,\n notebookSectionExploreWP\n} from \"@untwist/section-blocks\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"import {\n categorical_color_scheme,\n categorical_color_scheme_countries,\n continious_color_scheme_1,\n continious_color_scheme_2,\n continious_color_scheme_3\n} from \"@untwist/project-color-schemes\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"import {\n countries_EM,\n countries_MARPOR,\n dictionaries,\n getData,\n getYears,\n getBarPlotData,\n getStrokeColor,\n getDomain,\n getBarPlotTotal,\n getWaffleData,\n getConnotationHeatmapData,\n filterOptions,\n filterLabels,\n columnLabels,\n dimensionOptions,\n dimensionLabels,\n getCustomBarPlotData,\n partyComparisonColors,\n getGroupOfFilteredParties,\n getPartiesComparisonDataPlot1,\n getPartiesData,\n getPartyName,\n getDataTopicProportions,\n treemap,\n formatLabel,\n manifestoDimensionChart\n} from \"@untwist/wp4-backend\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"1","titling":"auto"}