30:T432,# UNTWIST Focus Groups with RWPP voters (WP2) This observable shows the codification of 18 focus groups carried out by UNTWIST partners in Denmark (4 groups), Germany (2), Hungary (4), Spain (4), Switzerland (2) and UK (2) with Right Wing Populist Parties switcher voters (those who voted for RWPP in last elections but voted for a different mainstream /opposition party in the past). Focus groups were conducted in-person (except in Germany), in a neutral locations to avoid contexts linked to the participants or connoted with institutional, intellectual or institutional power relations. Focus groups were segregated by sex (male and female separated groups, with same-sex facilitators), while Denmark also carried out one mix-sexes group. The number of participants per groups varied between 6 and 10 (except in Denmark, with smaller groups). All countries (except Denmark) further controlled the internal homogeneity of groups' participants in terms of age, social class and education. Explore the codes: [Code book](https://observablehq.com/@untwist/codebook--wp2)31:T520,

Framing of gender problems in five domains

The figure presents a matrix that cross-tabulates frames of understanding gender problems (rows) with social domains in which these problems emerge (columns). Along the rows, four types of frames are distinguished: theory-centered, actor-centered, discourse-centered, and policy-centered. Along the columns, five arenas are represented: welfare, security, family, migration, and economy.
At each intersection of a row and a column, a circle is plotted. The size of the circle is proportional to the frequency with which participants in the focus groups used a given frame to locate gender problems in the corresponding domain. Larger circles indicate more frequent associations, while smaller circles indicate less frequent ones.

The visualization also allows filtering by country and by the sex of participants: When all countries are selected, the circles represent the number of countries in which a particular frame–domain association was made.
When a single country is selected, the circles indicate simply whether or not that association appears in that country. Additional details can be accessed by hovering over the circles.

Additional details can be accessed by hovering over the columns.

32:Te30,heatmap = { const margin = { top: 0, left: 150, right: 20, bottom: 100 }; const height = 600; const width = 800; const minRadius = 5; const maxRadius = 30; const heatmapData = getHeatMapData(heatmapCountry, heatmapSex); var maxValue = heatmapData.reduce( (maxValue, obj) => Math.max(maxValue, obj.value), -Infinity ); const x_scale = d3 .scalePoint() .domain(getCategoryDictionary("domains")) .range([0, width]) .padding(0.5); const y_scale = d3 .scalePoint() .domain(getCategoryDictionary("focus")) .range([height, 0]) .padding(0.5); const color_scale = d3.scaleLinear([0, 4, 7], continious_color_scheme_2); const valRange = [0, maxValue]; const values = [...Array(9).keys()].map((x) => d3.quantile(valRange, x * 0.1) ); const linearScale = d3.scaleLinear().domain(values).range(valRange); linearScale.nice(); const ticks = heatmapCountry === "All" ? 5 : 1; const LegendValues = linearScale .ticks(ticks) .map((value) => Math.round(value)); const svg = d3.select(DOM.svg(width + margin.left, height)); const g = svg .attr("width", width) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", "translate(" + margin.left + "," + 0 + " )"); g.append("g") .attr("transform", "translate(0," + height + ")") .call(d3.axisBottom(x_scale)) .selectAll("text") .attr("transform", "rotate(-90)") .attr("text-anchor", "end") .attr("dy", "-0.5em") .attr("dx", "-0.5em") .style("font-size", "14px"); g.append("text") .attr("x", width / 2) .attr("y", height + margin.bottom) .style("text-anchor", "middle") .style("font-size", "16px") .text("Domains"); g.append("g") .call(d3.axisLeft(y_scale)) .style("font-size", "14px") .selectAll("text"); g.append("text") .attr("transform", "rotate(-90)") .attr("x", -height / 2) .attr("y", -margin.left + 20) .style("text-anchor", "middle") .style("font-size", "16px") .text("Focus"); const tip = d3tip() .attr("class", "d3-tip") .style("background-color", "black") .style("color", "white") .style("padding", "10px") .style("width", "auto") .style("text-align", "center") .style("font-size", "12px") .html((d) => `${d.domain} & ${d.focus}
${d.countries}`); svg.call(tip); svg .selectAll() .data(heatmapData) .enter() .append("circle") .attr("cx", (d) => x_scale(d.domain) + margin.left) .attr("cy", (d) => y_scale(d.focus) + 100 - margin.bottom) .attr("r", (d) => { const scaledRadius = (d.value / maxValue) * (maxRadius - minRadius) + minRadius; return Math.min(maxRadius, scaledRadius); }) .attr("fill", (d) => color_scale(d.value)) .on("mouseover", tip.show) .on("mouseout", tip.hide); const legend = svg .append("g") .attr("transform", (d) => `translate(${margin.left}, 0)`); legend .selectAll("circle") .data(LegendValues) .enter() .append("circle") .attr("cx", (d, i) => 80 * i + 50) .attr("cy", -40) .attr("r", (d) => { const scaledRadius = (d / maxValue) * (maxRadius - minRadius) + minRadius; return Math.min(maxRadius, scaledRadius); }) .style("fill", (d) => color_scale(d)); legend .selectAll("text") .data(LegendValues) .enter() .append("text") .text((d) => d + 1) .attr("x", (d, i) => 80 * i + 45) .attr("y", -75) .style("font-size", "12pt") .style("font-family", "Consolas, courier") .style("fill", "#aaa"); return svg.node(); }33:T74f,viewof breadcrumb = { const bc = html`

`; const accent = (continious_color_scheme_2 && continious_color_scheme_2[2]) || "#444"; // Helper for crumb const makeCrumb = ( label, onClick, { active = false, clickable = true } = {} ) => { const el = html`${label}`; el.style.padding = ".2rem .4rem"; el.style.borderRadius = ".4rem"; el.style.fontWeight = active ? "600" : "400"; el.style.color = active ? accent : "#333"; el.style.cursor = clickable ? "pointer" : "default"; el.style.transition = "color .15s ease, background .15s ease"; if (clickable) { el.onmouseenter = () => { el.style.textDecoration = "underline"; }; el.onmouseleave = () => { el.style.textDecoration = "none"; }; el.onclick = onClick; } return el; }; const sep = () => { const s = html`›`; s.style.opacity = ".6"; s.style.margin = "0 .1rem"; return s; }; // Title const title = html`Path:`; bc.append(title); // "All" const isRoot = currentPath.length === 0; bc.append( makeCrumb("All", () => (mutable currentPath = []), { active: isRoot, clickable: !isRoot }) ); // Path crumbs for (let i = 0; i < currentPath.length; i++) { bc.append(sep()); const isLast = i === currentPath.length - 1; const upToHere = currentPath.slice(0, i + 1); const current = catIdToLabel[currentPath[i]] !== undefined ? catIdToLabel[currentPath[i]] : currentPath[i]; bc.append( makeCrumb(current, () => (mutable currentPath = upToHere), { active: isLast, clickable: !isLast }) ); } return bc; }34:Td20,viewof htmlSubdimensions = { const wrapper = document.createElement("div"); wrapper.style.display = "flex"; wrapper.style.alignItems = "center"; wrapper.style.gap = "0.5rem"; const accent = (continious_color_scheme_2 && continious_color_scheme_2[2]) || "#888"; // Label const label = document.createElement("span"); label.textContent = "Go deeper into"; label.style.fontWeight = "600"; wrapper.appendChild(label); const atRoot = (currentPath?.length ?? 0) === 0; if ( !atRoot && (!Array.isArray(currentChilds) || currentChilds.length === 0) ) { return wrapper; } // Select const select = document.createElement("select"); select.style.padding = "0.45rem 0.65rem"; select.style.border = `1px solid ${accent}33`; select.style.borderRadius = "0.5rem"; select.style.outline = "none"; select.style.background = "#fff"; select.style.color = "#111"; select.style.cursor = "pointer"; select.style.minWidth = "220px"; select.style.boxShadow = "0 1px 2px rgba(0,0,0,.04)"; // --- placeholder (blank by default) --- const placeholder = document.createElement("option"); placeholder.value = ""; placeholder.disabled = true; placeholder.selected = true; placeholder.hidden = true; placeholder.textContent = ""; select.appendChild(placeholder); if (atRoot) { // category labels, option.value = category ID for (const [id, name] of categories) { const option = document.createElement("option"); option.value = id; option.textContent = name; // if we want to keep blank-by-default, DON'T preselect here select.appendChild(option); } } else { // sublevel names (strings) for (const child of currentChilds) { const option = document.createElement("option"); option.value = child; option.textContent = child; select.appendChild(option); } } // Go in button const goInButton = document.createElement("button"); goInButton.textContent = "Go in"; goInButton.style.padding = "0.5rem 0.9rem"; goInButton.style.border = "none"; goInButton.style.borderRadius = "0.6rem"; goInButton.style.background = accent; goInButton.style.color = "#fff"; goInButton.style.cursor = "pointer"; goInButton.style.fontWeight = "600"; goInButton.style.boxShadow = "0 2px 6px rgba(0,0,0,.08)"; // start disabled until a choice is made goInButton.disabled = true; goInButton.style.opacity = "0.7"; select.addEventListener("change", () => { const hasChoice = !!select.value; goInButton.disabled = !hasChoice; goInButton.style.opacity = hasChoice ? "1" : "0.7"; }); goInButton.onmouseenter = () => (goInButton.style.filter = "brightness(0.95)"); goInButton.onmouseleave = () => (goInButton.style.filter = "none"); goInButton.onmousedown = () => (goInButton.style.transform = "translateY(1px)"); goInButton.onmouseup = () => (goInButton.style.transform = "none"); goInButton.onclick = () => { const choice = select.value; if (!choice) return; // still blank mutable currentPath = [...mutable currentPath, choice]; }; // also allow Enter key to "Go in" select.addEventListener("keydown", (e) => { if (e.key === "Enter" && select.value) goInButton.click(); }); wrapper.appendChild(select); wrapper.appendChild(goInButton); return wrapper; }35:T404,barplot = { const present = new Set(barplotData.map((d) => d.category)); const legendDomain = Array.from(new Set(barplotData.map((d) => d.category))); const dynamicRange = generateDynamicColorScheme( legendDomain, continious_color_scheme_2 ); const colorMap = Object.fromEntries( legendDomain.map((id, i) => [id, dynamicRange[i]]) ); return Plot.plot({ width: 850, marginLeft: 60, height: 300, color: { domain: legendDomain, range: dynamicRange, legend: true, tickFormat: (d) => catIdToLabel?.[d] ?? d }, marks: [ Plot.barX( barplotData.sort((a, b) => d3.descending(a.percentage, b.percentage)), { x: "percentage", y: "dimValue", fill: "category", tip: true, strokeWidth: 1.5, stroke: "black", strokeOpacity: 0.25, title: (d) => `${catIdToLabel?.[d.category] ?? d.category} ${d.dimValue}: ${d.percentage.toFixed(2)}%` } ) ] }); }36:T5e8,{ const { nodesFocus, nodesDomain, connexions } = getNodeChartData( nodeSex, nodeCountry, nodeLevel.value ); const allNodes = nodesFocus.concat(nodesDomain); const counts = allNodes.map((d) => d.count); const minCount = Math.min(...counts); const maxCount = Math.max(...counts); return Plot.plot({ r: { domain: [minCount, maxCount], range: [5, 15] }, marks: [ Plot.link(connexions, { x1: "x1", y1: "y1", x2: "x2", y2: "y2", stroke: "#999", strokeOpacity: 1 }), Plot.dot(nodesFocus, { x: "x", y: "y", r: "count", fill: continious_color_scheme_2[1], title: (d) => `Focus: ${d.id}\nConcurrency: ${d.count}` }), Plot.dot(nodesDomain, { x: "x", y: "y", r: "count", fill: continious_color_scheme_2[2], title: (d) => `Domain: ${d.id}\nConcurrency: ${d.count}` }), Plot.text(nodesFocus, { x: "x", y: "y", text: "id", dy: -20, fontSize: 11, fill: continious_color_scheme_2[1], textAnchor: "middle" }), Plot.text(nodesDomain, { x: "x", y: "y", text: "id", dy: 18, fontSize: 10, fill: continious_color_scheme_2[2], textAnchor: "middle" }) ], x: { domain: [0, 600], axis: null }, y: { domain: [0, 600], axis: null }, width: 1500, height: 800, margin: 0 }); }37:T5f4,{ const { nodes = [], connexions = [] } = getNodeChartDataDomains( nodeSexDomains, nodeCountryDomains, nodeLevelDomains.value ); const counts = nodes.map((d) => d.count); const minCount = Math.min(...counts); const maxCount = Math.max(...counts); const linkVals = connexions.map((d) => +d.value || 0).filter(Number.isFinite); let minL = linkVals.length ? Math.min(...linkVals) : 0; let maxL = linkVals.length ? Math.max(...linkVals) : 1; if (minL === maxL) { minL = 0; maxL = maxL || 1; } const linkWidth = d3 .scaleLinear() .domain([minL, maxL]) .range([0.5, 3]) .clamp(true); const c = continious_color_scheme_2[1]; return Plot.plot({ r: { domain: [minCount, maxCount], range: [5, 12] }, marks: [ Plot.link(connexions, { x1: "x1", y1: "y1", x2: "x2", y2: "y2", stroke: "#999", strokeOpacity: 1, strokeWidth: (d) => linkWidth(d.value || 0) }), Plot.dot(nodes, { x: "x", y: "y", r: "count", fill: continious_color_scheme_2[1], title: (d) => `Domain: ${d.id}\nCount: ${+d.count || 0}` }), Plot.text(nodes, { x: "x", y: "y", text: "id", dy: 18, fontSize: 10, fill: continious_color_scheme_2[2], textAnchor: "middle" }) ], x: { domain: [0, 600], axis: null }, y: { domain: [0, 600], axis: null }, width: 1500, height: 900, margin: 0 }); }38:[] 2e:{"title":"UNTWIST Focus Groups with RWPP voters (WP2)","cells":[{"id":5,"value":"$30","pinned":false,"hidden":false,"mode":"md"},{"id":62,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"toc({\n title: \"Index\",\n headers: \"h2\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"## General overview of the database","pinned":false,"hidden":false,"mode":"md"},{"id":80,"value":"$31","pinned":false,"hidden":false,"mode":"html"},{"id":117,"value":"viewof heatmapCountry = Inputs.select([\"All\"].concat(countries), {\n label: \"Select a country\",\n value: \"All\" // sets “All” as the default selection\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"viewof heatmapSex = Inputs.select([\"All\"].concat(sex), {\n label: \"Select a sex\",\n value: \"All\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":324,"value":"

Relative importance of domains by country and sex

This chart displays, for the selected country, the number of times each domain was mentioned in male and female focus groups. For every domain, two columns are shown—one for men and one for women—allowing a direct comparison of the relative importance of domains between sexes within that country.\n

Additional details can be accessed by hovering over the columns.\n

","pinned":false,"hidden":false,"mode":"html"},{"id":190,"value":"viewof barplotCountry = Inputs.select([\"All\"].concat([...countries]), {\n label: \"Select a country\",\n value: \"Spain\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"Plot.plot({\n width: 850,\n color: {\n legend: true,\n type: \"linear\",\n range: continious_color_scheme_2\n },\n x: { domain: sex, label: \"Sex\" },\n fx: { label: null },\n y: { grid: false, label: \"Count\", grid: true },\n marks: [\n Plot.barY(\n getBarplotData(),\n Plot.groupX(\n { y: \"count\" },\n { x: \"sex\", fill: \"grey\", fx: \"domain\", opacity: 0.1 }\n )\n ),\n Plot.barY(\n getBarplotData(barplotCountry),\n Plot.groupX(\n { y: \"count\", fill: \"count\" },\n {\n x: \"sex\",\n fill: \"sex\",\n fx: \"domain\",\n tip: true\n }\n )\n )\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"## Exploration","pinned":false,"hidden":false,"mode":"md"},{"id":89,"value":"

Percentual distribution of sub-codes within gender needs categories by sex and country

This chart lets you explore how subcodes are distributed within their corresponding upper codes.\nTo navigate the database: select the code whose sub-code distribution you want to view, then click “Go in.” The Path at the top indicates your current position in the hierarchy (the level or code currently displayed in the chart). To return to a previous level, simply click on the desired point in the Path. Use the selectors to switch between views by sex or country.

Hover over the rows for additional information about each item.

","pinned":false,"hidden":false,"mode":"html"},{"id":271,"value":"viewof selectedDimension = Inputs.radio(\n new Map([\n [\"Sex\", \"sex\"],\n [\"Country\", \"country\"]\n ]),\n { value: \"sex\", format: (x) => x[0] }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":561,"value":"viewof selectedCountry = {\n const container = document.createElement(\"div\");\n container.id = \"country-input-container\";\n\n const input = Inputs.select([\"All\"].concat(countries), {\n label: \"Select a country\",\n value: \"All\"\n });\n\n container.appendChild(input);\n\n Object.defineProperty(container, \"value\", {\n get: () => input.value,\n set: (v) => {\n input.value = v;\n },\n enumerable: true\n });\n\n input.addEventListener(\"input\", () =>\n container.dispatchEvent(new CustomEvent(\"input\"))\n );\n\n return container;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":331,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":273,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":269,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":321,"value":"

Framing of gender-based need

This chart illustrates how participants subjectively understand their needs and problems across different arenas, showing how these are framed within broader societal discourses, theoretical concepts, existing policies or legislation, or actor-related perspectives.\nIt visualizes the co-occurrence between these four types of focus on gender needs and the specific needs or problems mentioned.

The size of each circle represents the frequency of a given code.\nThe thickness and color of the connecting lines indicate the strength of the co-occurrence — the thicker and darker the line, the stronger the relationship between the two elements.\nHover over the chart for further information.

","pinned":false,"hidden":false,"mode":"html"},{"id":223,"value":"viewof nodeSex = Inputs.select(sex, {\n label: \"Select a sex\",\n value: \"female\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"viewof nodeCountry = Inputs.select(countries, {\n label: \"Select a country\",\n value: \"Spain\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"viewof nodeLevel = Inputs.select(\n [\n { name: \"Level 1\", value: 1 },\n { name: \"Level 2\", value: 2 },\n { name: \"Level 3\", value: 3 }\n ],\n {\n label: \"Select a level\",\n format: (x) => x.name\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":508,"value":"

Co-ocurrences of codes

The chart shows how coded on each level co-occur together.

","pinned":false,"hidden":false,"mode":"html"},{"id":511,"value":"viewof nodeSexDomains = Inputs.select(sex, {\n label: \"Select a sex\",\n value: \"female\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":514,"value":"viewof nodeCountryDomains = Inputs.select(countries, {\n label: \"Select a country\",\n value: \"Spain\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":517,"value":"viewof nodeLevelDomains = Inputs.select(\n [\n { name: \"Level 1\", value: 1 },\n { name: \"Level 2\", value: 2 },\n { name: \"Level 3\", value: 3 }\n ],\n {\n label: \"Select a level\",\n format: (x) => x.name\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":434,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":493,"value":"## Transcriptions Finder","pinned":false,"hidden":false,"mode":"md"},{"id":484,"value":"

Anonymized transcriptions of the Focus Groups are available for those interested via Zenodo:
\n\nRuiz Jiménez, A., & González Fernández, M. T. (2024). Anonymised transcriptions (local and translated versions) of 18 Focus Groups with RWPP voters in Spain, UK, Denmark, Germany, Hungary, Switzerland [Data set]. Zenodo. https://doi.org/10.5281/zenodo.11200055\n

\nThe coding underlying this visualization was conducted using ATLAS.ti and is available upon request from the authors at: untwist@upo.es\n\n

","pinned":false,"hidden":false,"mode":"html"},{"id":204,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"notebookSectionAuthors(\n [\n \"Pablo Ortiz Barquero (UPO)\",\n \"Antonia M. Ruiz Jiménez (UPO)\",\n \"Manuel Tomás González Fernández (UPO)\"\n ],\n \"Antonia María Ruiz Jiménez\",\n [\n \"Louise Luxton (UNIMAN)\",\n \"Katalin Tardos (CSS)\",\n \"Judit Acsády (CSS)\",\n \"Lídia Balogh (CSS)\",\n \"Veronika Paksi (CSS)\",\n \"Alexandra Sipos (CSS)\",\n \"Anna Ujlaki (CSS)\",\n \"Ann-Kathrin Rothermel (UBERN)\",\n \"Valentina Nerino (UBERN)\",\n \"Leandra Bias (UBERN)\",\n \"Giuseppe Carteny (USAAR)\",\n \"Rosa Auguste Erbacher (USAAR)\",\n \"Ruveyda Betül Bahceci (USAAR)\",\n \"Colm Flaherty (RUC)\",\n \"Katrine Ploug Pedersen (RUC)\",\n \"Laura Horn (RUC)\",\n \"Antonia Ruiz (UPO)\",\n \"Manuel T. González (UPO)\",\n \"Pablo Ortiz (UPO)\"\n ]\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"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/wp2\",\n 2024,\n \"en\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"notebookSectionHowToExport()","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"notebookSectionLicense()","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"notebookSectionFundingDisclaimer()","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"notebookSectionContactUs()","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"notebookSectionExploreWP()","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"notebookSectionDivider()","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"## Data acquisition and functionality","pinned":false,"hidden":false,"mode":"md"},{"id":282,"value":"mutable currentPath = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":368,"value":"dimensionsCategories = ({\n sex: sex,\n country: countries\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":286,"value":"barplotData = getStackedBarPlotData(\n [selectedDimension, dimensionsCategories[selectedDimension]],\n selectedDimension === \"sex\" ? selectedCountry : \"All\",\n currentPath\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":284,"value":"currentChilds = Array.from(\n new Set(\n barplotData\n .map((d) => (d.hasChildren ? d.category : \"\"))\n .filter((d) => d != \"\")\n )\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":565,"value":"{\n const container = document.querySelector(\"#country-input-container\");\n\n if (container) {\n if (selectedDimension === \"sex\") {\n container.style.display = \"block\"; // or \"flex\", \"grid\", etc.\n } else {\n container.style.display = \"none\";\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"### Imports","pinned":false,"hidden":false,"mode":"md"},{"id":110,"value":"d3tip = require(\"https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.9.1/d3-tip.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"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":67,"value":"import { toc } from \"@nebrius/indented-toc\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"import {\n sex,\n countries,\n categories,\n catIdToLabel,\n getBarplotData,\n getHeatMapData,\n getNodeChartData,\n getNodeChartDataDomains,\n capitalizeFirst,\n getCategoryDictionary,\n getStackedBarPlotData,\n generateDynamicColorScheme\n} from \"@untwist/wp2-data-management\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"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":579,"value":"getNodeChartData(nodeSex, nodeCountry, nodeLevel.value)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W38","stdlib":"1","titling":"auto"}