31:T694,electionData = { return FileAttachment("electionData.json").json(); } // const UPDATE_INTERVAL_SECONDS = 60; // const TEST_MODE = false; // cambia a false para usar el endpoint real // // Opciones de prueba: puedes usar URLs o archivos adjuntos // const TEST_SOURCES = [ // { type: "file", source: "results_v1.json" }, // archivo adjunto // { type: "file", source: "results_v2.json" }, // archivo adjunto // { type: "file", source: "results_v3.json" }, // archivo adjunto // { // type: "url", // source: "https://elecciones2025.visualizando.ar/api/results" // } // ]; // const REAL_ENDPOINT = "https://elecciones2025.visualizando.ar/api/results"; // // Mapa de archivos adjuntos (cada uno debe estar como string literal) // const fileAttachments = { // "results_v1.json": FileAttachment("results_v1 (1)@1.json"), // "results_v2.json": FileAttachment("results_v2 (1)@1.json"), // "results_v3.json": FileAttachment("results_v3@1.json") // }; // let currentIndex = 0; // while (true) { // let json; // if (TEST_MODE) { // const testSource = TEST_SOURCES[currentIndex]; // if (testSource.type === "url") { // const res = await fetch(testSource.source); // json = await res.json(); // } else if (testSource.type === "file") { // json = await fileAttachments[testSource.source].json(); // } // currentIndex = (currentIndex + 1) % TEST_SOURCES.length; // } else { // const res = await fetch(REAL_ENDPOINT); // json = await res.json(); // } // yield json; // await Promises.tick(UPDATE_INTERVAL_SECONDS * 1000); // } // }32:T74d,electionDataMendoza = { return FileAttachment("electionDataMendoza.json").json(); } // // Obtenemos los datos de la API // const dataAPI = await fetch( // "https://elecciones2025.visualizando.ar/api/results/distrito/MENDOZA" // ).then((response) => response.json()); // // Creamos una copia del objeto para no mutar el original // const combined = JSON.parse(JSON.stringify(dataAPI)); // // Función auxiliar para convertir nombres a mayúsculas // function convertirNombresAMayusculas(resultados) { // return resultados.map((partido) => ({ // ...partido, // nombre: partido.nombre.toUpperCase() // })); // } // if (hayDatosDeMendoza) { // // Iteramos sobre cada departamento en electionDataMendozaProvincial // Object.keys(electionDataMendozaProvincial).forEach((deptoOriginal) => { // // Obtenemos el nombre equivalente usando el traductor // const deptoAPI = deptoOriginal; // // Si existe el departamento en ambos datasets // if (deptoAPI && combined[deptoAPI]) { // const datosNuevos = electionDataMendozaProvincial[deptoOriginal]; // // Agregamos las nuevas categorías con nombres en mayúsculas // if (datosNuevos.SENADORES_PROVINCIALES) { // combined[deptoAPI].SENADORES_PROVINCIALES = // convertirNombresAMayusculas(datosNuevos.SENADORES_PROVINCIALES); // } // if (datosNuevos.DIPUTADOS_PROVINCIALES) { // combined[deptoAPI].DIPUTADOS_PROVINCIALES = // convertirNombresAMayusculas(datosNuevos.DIPUTADOS_PROVINCIALES); // } // if (datosNuevos.CONCEJALES_PROVINCIALES) { // combined[deptoAPI].CONCEJALES_PROVINCIALES = // convertirNombresAMayusculas(datosNuevos.CONCEJALES_PROVINCIALES); // } // } // }); // } // return combined; // }33:Td06,function createElectionDataProcessor( dataSource, provinciasMap, diputadosPorProvincia ) { // NO modifiques la key de provincia para buscar datos const normalizeProvinciaName = (provincia) => provincia; // Para mostrar en el select const getProvinciaDisplayName = (provincia) => provinciasMap.get(provincia) || provincia; // Calcular porcentaje máximo global const calcularPorcentajeMaximoGlobal = () => { if (!dataSource || !provinciasMap) return 100; const todosLosDatos = Array.from(provinciasMap.keys()).flatMap( (provinciaKey) => ["DIPUTADOS", "SENADORES"].flatMap( (modo) => dataSource(provinciaKey, modo) || [] ) ); const maxPorcentaje = d3.max(todosLosDatos, (d) => d.porcentaje) || 0; return maxPorcentaje > 0 ? maxPorcentaje : 100; }; // Verificar disponibilidad de senadores const checkSenadoresDisponible = (provincia) => { if (!dataSource) return true; try { const data = dataSource(provincia, "SENADORES"); return Array.isArray(data) && data.length > 0; } catch (e) { return false; } }; // Verificar disponibilidad de provincia const checkProvinciaDisponible = (provincia) => { if (!dataSource) return true; try { const diputados = dataSource(provincia, "DIPUTADOS"); const senadores = dataSource(provincia, "SENADORES"); return ( (Array.isArray(diputados) && diputados.length > 0) || (Array.isArray(senadores) && senadores.length > 0) ); } catch (e) { return false; } }; // Obtener provincias disponibles const getProvinciasDisponibles = () => { if (!provinciasMap || provinciasMap.size === 0) return []; if (!dataSource) return Array.from(provinciasMap.values()); // Solo para mostrar: devolvé los display names return Array.from(provinciasMap.keys()).filter(checkProvinciaDisponible); }; // Obtener total de bancas desde el Map externo const calcularTotalBancas = (provincia, modo) => { if (modo === "DIPUTADOS") { const info = diputadosPorProvincia.get(provincia); return info?.renuevan || 0; } else if (modo === "SENADORES") { return checkSenadoresDisponible(provincia) ? 3 : 0; } return 0; }; // Obtener y ordenar datos const getPartidosOrdenados = (provincia, modo) => { // console.log("getPartidosOrdenados llamado con:", { // provincia, // modo, // dataSourceType: typeof dataSource // }); if (!dataSource) return []; try { const data = dataSource(provincia, modo); // console.log("Data recibida:", data); if (Array.isArray(data)) { const resultado = [...data] .map((partido) => { const color = obtenerColorPartido(partido.nombre); return { ...partido, color: color }; }) .sort((a, b) => b.porcentaje - a.porcentaje); return resultado; } } catch (e) { console.error("Error obteniendo partidos:", e); } return []; }; return { normalizeProvinciaName, getProvinciaDisplayName, calcularPorcentajeMaximoGlobal, checkSenadoresDisponible, checkProvinciaDisponible, getProvinciasDisponibles, calcularTotalBancas, getPartidosOrdenados }; }34:T4d76,function createElectionChart( initialConfig = {}, provinciasMap, diputadosPorProvincia, candidatosFotos = new Map() ) { const container = html`

`; let currentConfig = { id: "election-chart-HOME", provincia: "MENDOZA", modo: "DIPUTADOS", anchoBloque: 150, altoBloque: 200, modoSubnacional: false, hayDatos: true, ...initialConfig }; // Variables de estado y de una sola inicialización let processor = null; let porcentajeMaximoGlobal = 100; let maxPartidos = 10; let isDataConnected = false; // --- FUNCIONES INTERNAS (INICIALIZACIÓN, EVENTOS, D3) --- function obtenerDatosCandidato(provincia, nombrePartido) { const candidatosProvinciaMap = candidatosFotos.get(provincia); if (!candidatosProvinciaMap) return null; const candidato = candidatosProvinciaMap.get(nombrePartido); if (!candidato) return null; return { nombre: candidato.nombre, fotoUrl: candidato.foto ? `https://visualizando.ar/elecciones2025/${candidato.foto.toLowerCase()}.png` : null }; } function updateProvinciaClass(provincia) { const wrapper = container.querySelector(".election-chart-wrapper"); if (wrapper) { if ( ["MENDOZA", "SAN JUAN", "CAPITAL", "GUAYMALLEN"].includes(provincia) ) { wrapper.classList.add("esMendozaOSanJuan"); } else { wrapper.classList.remove("esMendozaOSanJuan"); } } } function updateScrollIndicators() { const scrollWrapper = container.querySelector(".resultados-scroll-wrapper"); const indicatorsWrapper = container.querySelector( ".scroll-indicators-wrapper" ); if (!scrollWrapper || !indicatorsWrapper) return; const hasOverflow = scrollWrapper.scrollWidth > scrollWrapper.clientWidth; const isScrolledToEnd = scrollWrapper.scrollLeft + scrollWrapper.clientWidth >= scrollWrapper.scrollWidth - 5; indicatorsWrapper.classList.toggle( "has-overflow", hasOverflow && !isScrolledToEnd ); indicatorsWrapper.classList.toggle("scrolled-to-end", isScrolledToEnd); } function updateWrapperVisibility(hayDatos) { const wrapper = container.querySelector(".election-chart-wrapper"); if (wrapper) { wrapper.style.display = hayDatos ? "block" : "none"; } } function initializeStructure() { const { anchoBloque, altoBloque, id: chartId, modoSubnacional } = currentConfig; const provinciasDisponibles = Array.from(provinciasMap.keys()); const labelSelector = modoSubnacional ? "DEPARTAMENTO" : "PROVINCIA"; const claseSubnacional = modoSubnacional ? "modo-subnacional" : ""; container.innerHTML = `

${labelSelector}:

ELECCIÓN:

DIPUTADOS

SENADORES

${ modoSubnacional ? '

CONCEJALES

' : "" }

-- bancas en juego

ESCRUTINIO:

`; attachEventListeners(chartId); updateProvinciaClass(currentConfig.provincia); updateWrapperVisibility(currentConfig.hayDatos); // Listener para el scroll const scrollWrapper = container.querySelector(".resultados-scroll-wrapper"); if (scrollWrapper) { scrollWrapper.addEventListener("scroll", updateScrollIndicators); const resizeObserver = new ResizeObserver(updateScrollIndicators); resizeObserver.observe(scrollWrapper); } setTimeout(updateScrollIndicators, 100); } function calculateAndCreateSlots(dataSource) { currentConfig.dataSource = dataSource; const tienesDatos = dataSource && Object.keys(dataSource).length > 0; currentConfig.hayDatos = tienesDatos; updateWrapperVisibility(tienesDatos); if (!tienesDatos) { console.warn("No hay datos disponibles para mostrar el gráfico"); return; } processor = createElectionDataProcessor( (p, m) => dataSource[p]?.[m] || [], provinciasMap, diputadosPorProvincia ); porcentajeMaximoGlobal = processor.calcularPorcentajeMaximoGlobal(); const provincias = processor.getProvinciasDisponibles(); let max = 0; const modos = currentConfig.modoSubnacional ? ["DIPUTADOS", "SENADORES", "CONCEJALES"] : ["DIPUTADOS", "SENADORES"]; provincias.forEach((prov) => { modos.forEach((modo) => { const partidos = processor.getPartidosOrdenados(prov, modo); if (partidos.length > 0) { max = Math.max(max, partidos.length); } }); }); maxPartidos = max; const containerEl = d3 .select(container) .select(`#resultados-${currentConfig.id}`); containerEl.html(""); const slots = containerEl .selectAll(".candidato") .data(d3.range(maxPartidos)) .enter() .append("div") .attr("class", "candidato collapsed"); slots .append("div") .attr("class", "candidato-inner") .call((inner) => { const barra = inner.append("div").attr("class", "foto-container"); barra.append("div").attr("class", "barra-fondo"); barra.append("div").attr("class", "porcentaje-overlay"); const infoFoto = barra .append("div") .attr("class", "candidato-info-foto"); const circulo = infoFoto .append("div") .attr("class", "circulo-foto-candidato"); circulo.append("img").attr("class", "foto-candidato"); infoFoto.append("div").attr("class", "candidato-nombre-foto"); const info = inner.append("div").attr("class", "info"); info.append("div").attr("class", "partido"); if (!currentConfig.modoSubnacional) info.append("div").attr("class", "bancas"); info.append("div").attr("class", "circulitos-bancas"); }); setTimeout(updateScrollIndicators, 100); } function updateControls(provincia, modo, estadoRecuento, fechaTotalizacion) { if (!processor) return; const senadoresDisponible = processor.checkSenadoresDisponible(provincia); const concejalesDisponible = currentConfig.modoSubnacional && currentConfig.dataSource?.[provincia]?.CONCEJALES?.length > 0; const senadoresBtn = container.querySelector('[data-modo="SENADORES"]'); const diputadosBtn = container.querySelector('[data-modo="DIPUTADOS"]'); const concejalesBtn = container.querySelector('[data-modo="CONCEJALES"]'); container.querySelectorAll(".switch-option").forEach((btn) => { btn.classList.remove("active"); if (btn.dataset.modo === modo) { btn.classList.add("active"); } }); if (senadoresBtn) { senadoresBtn.classList.toggle("disabled", !senadoresDisponible); senadoresBtn.style.opacity = senadoresDisponible ? "1" : "0.3"; senadoresBtn.style.cursor = senadoresDisponible ? "pointer" : "not-allowed"; } if (concejalesBtn) { concejalesBtn.classList.toggle("disabled", !concejalesDisponible); concejalesBtn.style.opacity = concejalesDisponible ? "1" : "0.3"; concejalesBtn.style.cursor = concejalesDisponible ? "pointer" : "not-allowed"; } const totalBancas = processor.calcularTotalBancas(provincia, modo); const bancasText = container.querySelector(".bancas-en-juego"); if (bancasText) { bancasText.textContent = totalBancas > 0 ? `${totalBancas} banca${totalBancas !== 1 ? "s" : ""} en juego` : "--"; } const porcentajeEscrutinio = estadoRecuento?.mesasTotalizadasPorcentaje || 0; const progressFill = container.querySelector( `#progress-fill-${currentConfig.id}` ); if (progressFill) { progressFill.style.width = `${porcentajeEscrutinio}%`; } const escrutinioText = container.querySelector( `#escrutinio-${currentConfig.id}` ); if (escrutinioText) { escrutinioText.textContent = `${Math.floor(porcentajeEscrutinio)}%`; } const fechaEl = container.querySelector( `#fecha-totalizacion-${currentConfig.id}` ); if (fechaEl && fechaTotalizacion) { fechaEl.textContent = ""; // fechaEl.textContent = `Actualizado: ${d3.timeFormat("%H:%M")( // new Date(+new Date(fechaTotalizacion) - 180) // )}`; } } function attachEventListeners(chartId) { container .querySelector(`#select-${chartId}`) .addEventListener("change", (e) => { if (!processor) return; currentConfig.provincia = e.target.value; updateProvinciaClass(currentConfig.provincia); const modoActualDisponible = currentConfig.modo === "DIPUTADOS" || (currentConfig.modo === "SENADORES" && processor.checkSenadoresDisponible(currentConfig.provincia)) || (currentConfig.modo === "CONCEJALES" && currentConfig.dataSource?.[currentConfig.provincia]?.CONCEJALES ?.length > 0); if (!modoActualDisponible) { currentConfig.modo = "DIPUTADOS"; } updateFullDisplay(); }); container.querySelectorAll(".switch-option").forEach((opt) => { opt.addEventListener("click", (e) => { if (!processor || e.currentTarget.classList.contains("disabled")) return; currentConfig.modo = e.currentTarget.dataset.modo; updateFullDisplay(); }); }); } function updateFullDisplay() { if (!processor) return; const provincia = currentConfig.provincia; const modo = currentConfig.modo; const estadoRecuento = currentConfig.dataSource?.[provincia]?.estadoRecuento; const fechaTotalizacion = currentConfig.dataSource?.[provincia]?.fechaTotalizacion; updateControls(provincia, modo, estadoRecuento, fechaTotalizacion); const partidos = processor.getPartidosOrdenados(provincia, modo); const chartId = currentConfig.id; const containerEl = d3.select(container).select(`#resultados-${chartId}`); containerEl.selectAll(".candidato").each(function (d, i) { const slot = d3.select(this); const partido = partidos[i]; if (partido) { slot .classed("collapsed", false) .style("order", i) .datum({ nombre: partido.nombre }); const candidato = obtenerDatosCandidato(provincia, partido.nombre); const infoFoto = slot.select(".candidato-info-foto"); if (candidato?.fotoUrl) { infoFoto.transition().duration(300).style("opacity", "1"); infoFoto.select(".candidato-nombre-foto").text(candidato.nombre); infoFoto .select(".circulo-foto-candidato") .style("background-color", partido.color); infoFoto.select(".foto-candidato").attr("src", candidato.fotoUrl); } else { infoFoto.style("opacity", "0"); } slot .select(".foto-container") .transition() .duration(400) .style("background", partido.color + "33"); slot .select(".barra-fondo") .transition() .duration(600) .style( "height", `${(partido.porcentaje / porcentajeMaximoGlobal) * 100}%` ) .style("background", partido.color); slot.select(".partido").text(partido.nombre); slot .select(".porcentaje-overlay") .text(`${partido.porcentaje.toFixed(1)}%`); slot .select(".bancas") .text( currentConfig.modoSubnacional ? "" : `${partido.bancas} banca${partido.bancas !== 1 ? "s" : ""}` ); const circulos = slot .select(".circulitos-bancas") .selectAll(".circulo-banca") .data(d3.range(partido.bancas)); circulos.exit().transition().duration(200).style("opacity", 0).remove(); circulos .enter() .append("div") .attr("class", "circulo-banca") .merge(circulos) .style("background", partido.color) .transition() .duration(300) .style("opacity", 1); } else { slot.classed("collapsed", true).datum(null); } }); setTimeout(updateScrollIndicators, 700); } function refreshData(dataSource) { currentConfig.dataSource = dataSource; const tienesDatos = dataSource && Object.keys(dataSource).length > 0; currentConfig.hayDatos = tienesDatos; updateWrapperVisibility(tienesDatos); if (!tienesDatos) { console.warn("No hay datos disponibles para actualizar el gráfico"); return; } const provincia = currentConfig.provincia; const modo = currentConfig.modo; const estadoRecuento = dataSource?.[provincia]?.estadoRecuento; const fechaTotalizacion = dataSource?.[provincia]?.fechaTotalizacion; updateControls(provincia, modo, estadoRecuento, fechaTotalizacion); const partidos = createElectionDataProcessor( (p, m) => dataSource[p]?.[m] || [], provinciasMap, diputadosPorProvincia ).getPartidosOrdenados(provincia, modo); const partidosMap = new Map( partidos.map((p, i) => [p.nombre, { ...p, orden: i }]) ); d3.select(container) .selectAll(".candidato:not(.collapsed)") .each(function () { const slot = d3.select(this); const slotData = slot.datum(); if (!slotData || !slotData.nombre) return; const partidoNuevo = partidosMap.get(slotData.nombre); if (partidoNuevo) { slot.style("order", partidoNuevo.orden); const candidato = obtenerDatosCandidato( provincia, partidoNuevo.nombre ); const infoFoto = slot.select(".candidato-info-foto"); if (candidato?.fotoUrl) { infoFoto.style("opacity", "1"); infoFoto.select(".candidato-nombre-foto").text(candidato.nombre); infoFoto .select(".circulo-foto-candidato") .style("background-color", partidoNuevo.color); infoFoto.select(".foto-candidato").attr("src", candidato.fotoUrl); } else { infoFoto.style("opacity", "0"); } slot .select(".barra-fondo") .transition("refresh") .duration(750) .ease(d3.easeCubicInOut) .style( "height", `${(partidoNuevo.porcentaje / porcentajeMaximoGlobal) * 100}%` ) .style("background", partidoNuevo.color); slot .select(".porcentaje-overlay") .text(`${partidoNuevo.porcentaje.toFixed(1)}%`); slot .select(".bancas") .text( `${partidoNuevo.bancas} banca${ partidoNuevo.bancas !== 1 ? "s" : "" }` ); const circulos = slot .select(".circulitos-bancas") .selectAll(".circulo-banca") .data(d3.range(partidoNuevo.bancas)); circulos.exit().remove(); circulos .enter() .append("div") .attr("class", "circulo-banca") .merge(circulos) .style("background", partidoNuevo.color) .style("opacity", 1); } }); setTimeout(updateScrollIndicators, 800); } // --- API PÚBLICA --- container.renderData = function (dataSource) { if (!isDataConnected) { calculateAndCreateSlots(dataSource); updateFullDisplay(); isDataConnected = true; } else { refreshData(dataSource); } }; container.setVisibility = function (visible) { currentConfig.hayDatos = visible; updateWrapperVisibility(visible); }; container.getVisibility = function () { return currentConfig.hayDatos; }; initializeStructure(); return container; }35:T29ee,function getElectionStyles() { return ` /* ============================================ BASE - Wrapper y contenedor principal ============================================ */ .election-chart-wrapper { background: #fff; font-family: 'Roboto', 'Arial', sans-serif; } .election-chart-wrapper .resultados-main { margin: 0; border: 4px solid #CBCBCB; border-radius: 0; overflow: hidden; display: block; max-width: 900px; } /* ============================================ CONTROLES - Header con selector y switches ============================================ */ .election-chart-wrapper .controles { display: flex; justify-content: center; align-items: center; gap: 14px; padding: 10px 20px; background: #006AC8; border-bottom: 4px solid #fff; flex-wrap: wrap; } .election-chart-wrapper .control-grupo { display: flex; align-items: center; gap: 8px; } .election-chart-wrapper .control-label, .election-chart-wrapper .bancas-en-juego { font-family: 'Roboto', 'Arial', sans-serif; font-weight: 500; font-size: 12px; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; } /* Selector de provincia */ .election-chart-wrapper .select-provincia { padding: 4px 8px; font-size: 12px; border: 2px solid #fff; border-radius: 4px; background: #444; color: #fff; font-family: 'Roboto', 'Arial', sans-serif; font-weight: 400; cursor: pointer; min-width: 140px; appearance: auto; -webkit-appearance: auto; } .election-chart-wrapper .select-provincia option { background: #444; color: #fff; } /* Switch diputados/senadores */ .election-chart-wrapper .switch-container { display: flex; align-items: center; gap: 4px; background: #444; padding: 2px; border-radius: 4px; border: 2px solid #fff; } .election-chart-wrapper .switch-option { padding: 4px 12px 2px 12px; border-radius: 3px; font-family: 'Roboto', 'Arial', sans-serif; font-weight: 500; font-size: 11px; cursor: pointer; transition: all 0.2s; user-select: none; white-space: nowrap; } .election-chart-wrapper .switch-option.active { background: #fff; color: #444; } .election-chart-wrapper .switch-option:not(.active) { background: transparent; color: #fff; } /* Progress bar de escrutinio */ .election-chart-wrapper .escrutinio-container { display: flex; align-items: center; gap: 2px; } .election-chart-wrapper .escrutinio-label { font-family: 'Roboto', 'Arial', sans-serif; font-weight: 500; font-size: 11px; color: #fff; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px; } .election-chart-wrapper .progress-bar-wrapper { width: 80px; height: 12px; background: rgba(255, 255, 255, 0.2); border-radius: 2px; overflow: hidden; position: relative; } .election-chart-wrapper .progress-bar-fill { height: 100%; background: #ddd; transition: width 0.6s ease; width: 0%; } .election-chart-wrapper .escrutinio-porcentaje { font-family: 'Roboto', 'Arial', sans-serif; font-weight: 700; font-size: 12px; color: #fff; text-align: right; } .election-chart-wrapper .fecha-totalizacion { font-family: 'Roboto', 'Arial', sans-serif; font-weight: 400; font-size: 11px; color: rgba(255, 255, 255, 0.8); white-space: nowrap; margin-left: auto; } /* ============================================ SCROLL - Wrapper con indicadores FIJOS ============================================ */ .election-chart-wrapper .scroll-indicators-wrapper { position: relative; } .election-chart-wrapper .resultados-scroll-wrapper { overflow-x: auto; overflow-y: visible; position: relative; } /* Sombra gradient a la derecha cuando hay overflow - ABSOLUTE respecto a scroll-indicators-wrapper */ .election-chart-wrapper .scroll-indicators-wrapper::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 60px; background: linear-gradient(to left, rgba(0,0,0,0.15), transparent); pointer-events: none; z-index: 10; opacity: 0; transition: opacity 0.3s ease; } .election-chart-wrapper .scroll-indicators-wrapper.has-overflow::after { opacity: 1; } .election-chart-wrapper .scroll-indicators-wrapper.scrolled-to-end::after { opacity: 0; } /* Flecha animada indicando scroll - ABSOLUTE respecto a scroll-indicators-wrapper */ .election-chart-wrapper .scroll-indicator { position: absolute; right: 15px; top: 5px; transform: translateY(-50%); width: 40px; height: 40px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 11; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .election-chart-wrapper .scroll-indicators-wrapper.has-overflow .scroll-indicator { opacity: 1; animation: pulseArrow 1s ease-in-out infinite; } .election-chart-wrapper .scroll-indicators-wrapper.scrolled-to-end .scroll-indicator { opacity: 0; } .election-chart-wrapper .scroll-indicator svg { width: 20px; height: 20px; fill: white; } @keyframes pulseArrow { 0%, 100% { transform: translateY(-50%) translateX(0); opacity: 1; } 50% { transform: translateY(-50%) translateX(5px); opacity: 0.7; } } /* ============================================ CANDIDATOS - Contenedor y estructura ============================================ */ .election-chart-wrapper .resultados-container { display: flex; align-items: stretch; font-family: 'Roboto', 'Arial', sans-serif; background: #fff; width: fit-content; padding-bottom:4px; padding-left:4px } .election-chart-wrapper .candidato { position: relative; display: flex; flex-direction: column; border-radius: 4px; flex-shrink: 0; transition: order 0.6s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.4s ease; } .election-chart-wrapper .candidato:last-child { border-right: none; } .election-chart-wrapper .candidato-inner { position: relative; z-index: 2; display: flex; flex-direction: column; height: 100%; } /* ============================================ ÁREA DE VISUALIZACIÓN - Foto, barra y porcentaje ============================================ */ .election-chart-wrapper .foto-container { position: relative; width: 100%; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 5px; } .election-chart-wrapper .barra-fondo { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; } .election-chart-wrapper .porcentaje-overlay { position: relative; z-index: 3; font-family: 'Roboto Condensed', 'Roboto', 'Arial', sans-serif; font-size: 36px; font-weight: 700; line-height: 1; color: #fff; text-shadow: -1px -1px 0 #00000080, 1px -1px 0 #00000080, -1px 1px 0 #00000080, 1px 1px 0 #00000080; white-space: nowrap; } /* ============================================ FOTO DEL CANDIDATO - Solo para Mendoza y San Juan ============================================ */ #election-chart-HOME .candidato-info-foto { position: absolute; bottom: -25px; left: 3px; display: flex; align-items: center; gap: 3px; z-index: 3; opacity: 0; transition: opacity 0.3s ease; } #election-chart-HOME .circulo-foto-candidato { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 2px solid white; box-shadow: 0 2px 8px rgba(0,0,0,0.3); flex-shrink: 0; } #election-chart-HOME .foto-candidato { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); } #election-chart-HOME .candidato-nombre-foto { font-size: 11px; font-weight: 600; color: white; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); white-space: nowrap; padding-top: 22px; } /* ============================================ INFO - Nombre de partido y bancas ============================================ */ .election-chart-wrapper .info { background: #1a1a1a; padding: 12px 2px 12px 2px; padding-top: 4px; text-align: center; color: white; display: flex; flex-direction: column; gap: 1px; flex: 1; } /* Ajuste de padding cuando hay foto de candidato */ .election-chart-wrapper.esMendozaOSanJuan .info { padding-top: 28px; } .election-chart-wrapper .partido { font-size: 13px; line-height: 1.2; text-transform: uppercase; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 100%; min-height: 33px; } .election-chart-wrapper .bancas { font-size: 11px; opacity: 0.9; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Círculos indicadores de bancas */ .election-chart-wrapper .circulitos-bancas { display: flex; justify-content: center; align-items: flex-start; gap: 3px; flex-wrap: wrap; } .election-chart-wrapper .circulo-banca { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } /* ============================================ RESPONSIVE - Mobile ============================================ */ @media (max-width: 768px) { #election-chart-HOME .scroll-indicator { width: 35px; height: 35px; right: 10px; } .election-chart-wrapper .controles { gap: 8px 14px; } .election-chart-wrapper .control-label, .election-chart-wrapper .bancas-en-juego { max-width: 100px; text-align: center; } #election-chart-HOME .scroll-indicators-wrapper::after { width: 50px; } } /* APAGAR COSAS*/ .control-grupo.escrutinio-container,.fecha-totalizacion{display:none} /* ============================================ INTEGRACIÓN EXTERNA - Diario de Cuyo ============================================ */ .pagebuilder:has(.marcoGris) { width: fit-content; margin: 20px auto; } `; }36:T4f0,chartCamaraSenadores = congresoChart({ mainWidth: 800, width: 500, height: 270, // Configuración cámara modo: "diputados", totalBancas: 72, mostrarTextoMayoria: true, // Parámetros hemiciclo sectionGap: 80, seatRadius: 13, rowHeight: 30, marginBottom: 0, // Datos campoPartido: "nombre", campoBancas: "bancas", datosCorte: null, campoColor: (partido) => obtenerColorPartido(partido), campoSigla: (partido) => { const palabras = partido.split(" "); if (palabras.length <= 2) return partido; return palabras.map((p) => p[0]).join(""); }, // Orden ordenPartidos: ordenDePartidosParaCongreso, ordenarPorBancas: true, // Visualización pathLinea: "M24.6,259.3c-12.9,0-22.5-11.9-19.7-24.5c2.1-9.8,5.2-21.7,9.5-34.4c11.8-35,32.7-66.6,58.9-92.8c23.5-23.5,51-41.9,81.7-54.7c24.9-10.4,50.9-16.6,77.6-18.7c10.2-0.8,19.1,7.1,19.5,17.4l0.2,5.1c0.2,4.7,2.9,8.9,7.1,11l0,0c5.8,2.9,9.4,8.7,9.5,15.1l0.3,19.4l-0.3,12.4c-0.1,4-2.6,9.1-8.2,12.2c-5.5,3.1-8.2,9.6-8.2,16l-0.8,27.6c0,10.8-7.5,20.2-18,22.3c-14.3,2.8-27.6,8.9-39.1,17.6c-11.2,8.5-23.8,23.6-30.5,37.2c-3.5,7.2-10.9,11.7-18.9,11.7H24.6z", transformLinea: "translate(-3, -20)", transformTexto: "translate(2, 10)", title: "Cámara de Senadores" })37:T4db,chartCamaraDiputados = congresoChart({ mainWidth: 800, width: 500, height: 270, // Configuración cámara modo: "diputados", totalBancas: 257, // Parámetros hemiciclo sectionGap: 35, seatRadius: 7, rowHeight: 18, marginBottom: 0, // Datos campoPartido: "nombre", campoBancas: "bancas", datosCorte: null, campoColor: (partido) => obtenerColorPartido(partido), campoSigla: (partido) => { const palabras = partido.split(" "); if (palabras.length <= 2) return partido; return palabras.map((p) => p[0]).join(""); }, // Orden ordenPartidos: ordenDePartidosParaCongreso, ordenarPorBancas: true, // Visualización pathLinea: "M247-1.6c15.8-0.9,14,14,14,14c0.2,5.9,5.5,8,7.4,10.3c1.9,2.3,2.8,9.4-1,12.9c-5.2,4.8-4.9,8.2-6.1,11.5 c0,0-0.4,5.1-4.4,8.1c-5.3,3.9-1.8,14-9.5,17.8c-2.3,2.5-3.6,5.9-3.6,9.3v17c0,3.1,2.3,7.7,5.6,11.6s4.3,10.4,0.2,13.7l-3.9,4.1 c-2.3,4.5-1.9,10,0,13.3c1.6,2.7,6.5,5.3,6.9,11c0.4,4.3,0,9.8-9.9,11.6c-23.3,4.3-58.2,16.8-71.6,64.1 c-1.8,6.4-7.6,10.9-14.3,10.9H17.5c-8.6,0-15.5-7-15.5-15.5l0,0c0-1,0.1-2.1,0.3-3.1C19,98.5,111.9,5.8,247-1.6z", transformLinea: "translate(-3, 6)", transformTexto: "translate(2, 10)", title: "Cámara de Diputados" })38:T117b,chartCongresoUpdate = { // // 0. Precompute: partido/agrupación -> alineacion (alianza) // const alianzaLookup = (() => { const map = new Map(); (alianzasPartidos || []).forEach(({ alineacion, nombres }) => { (nombres || []).forEach((n) => { if (!n) return; map.set(n.trim().toUpperCase(), alineacion); }); // también indexamos el propio nombre de la alianza por si viene así if (alineacion) { map.set(alineacion.trim().toUpperCase(), alineacion); } }); return map; })(); function getAlineacion(nombrePartido) { if (!nombrePartido) return "OTROS"; const key = nombrePartido.trim().toUpperCase(); return alianzaLookup.get(key) || "OTROS"; } // // 1. Acumular bancas NUEVAS por alianza y por cámara // function acumularNuevasBancasPorCamara(camara, accMap, listaPartidos = []) { // listaPartidos es algo tipo [{ nombre, bancas, idAgrupacion }, ...] listaPartidos.forEach((d) => { const partidoNombre = d.nombre || d.idAgrupacion || ""; const alianza = getAlineacion(partidoNombre); const bancas = d.bancas || 0; if (!accMap.has(alianza)) { accMap.set(alianza, { nombre: alianza, idAgrupacion: alianza, // usamos la alianza como id estable bancasPrevias: 0, bancasNuevas: 0, bancas: 0, previous: false }); } const entry = accMap.get(alianza); entry.bancasNuevas += bancas; }); } const nuevasSenadores = new Map(); const nuevasDiputados = new Map(); Object.entries(electionData || {}).forEach(([jurisdiccion, datos]) => { if (jurisdiccion === "NACIONAL") return; if (Array.isArray(datos?.SENADORES)) { acumularNuevasBancasPorCamara( "SENADORES", nuevasSenadores, datos.SENADORES ); } if (Array.isArray(datos?.DIPUTADOS)) { acumularNuevasBancasPorCamara( "DIPUTADOS", nuevasDiputados, datos.DIPUTADOS ); } }); // // 2. Mezclar bancasActuales con las nuevas, pero ya agrupado por alianza // function combinarCamaraPorAlianza(nombreCamara, nuevasMap) { const actualesMap = bancasActuales.get(nombreCamara) || new Map(); const combinado = new Map(); // primero volcamos las bancasPrevias (estado actual antes de la elección) actualesMap.forEach((bancasPrevias, partidoNombreOriginal) => { const alianza = getAlineacion(partidoNombreOriginal); if (!combinado.has(alianza)) { combinado.set(alianza, { nombre: alianza, idAgrupacion: alianza, bancasPrevias: 0, bancasNuevas: 0, bancas: 0, previous: false }); } const entry = combinado.get(alianza); entry.bancasPrevias += bancasPrevias; entry.previous = true; // ya existía representación antes }); // ahora sumamos bancasNuevas nuevasMap.forEach((nuevoEntry, alianza) => { if (!combinado.has(alianza)) { combinado.set(alianza, { nombre: alianza, idAgrupacion: alianza, bancasPrevias: 0, bancasNuevas: 0, bancas: 0, previous: false }); } const entry = combinado.get(alianza); entry.bancasNuevas += nuevoEntry.bancasNuevas || 0; }); // calcular total final combinado.forEach((entry) => { entry.bancas = (entry.bancasPrevias || 0) + (entry.bancasNuevas || 0); }); // devolver array ordenado por total bancas desc return Array.from(combinado.values()).sort((a, b) => b.bancas - a.bancas); } const senadoresAggregados = combinarCamaraPorAlianza( "SENADORES", nuevasSenadores ); const diputadosAggregados = combinarCamaraPorAlianza( "DIPUTADOS", nuevasDiputados ); // Actualizar ambas cámaras chartCamaraSenadores.renderData(senadoresAggregados); chartCamaraDiputados.renderData(diputadosAggregados); const escrutado = electionData?.NACIONAL?.estadoRecuento?.mesasTotalizadasPorcentaje || 0; return html`

✅ Congreso actualizado
📊 Escrutinio: ${escrutado}%
🏛️ Senadores: ${senadoresAggregados.length} partidos
🏛️ Diputados: ${diputadosAggregados.length} partidos

`; }39:T25d9,// HEMICICLO - Visualización genérica de cámaras legislativas con patrón Observable function congresoChart(config = {}) { // ============================================ // 1. CONFIGURACIÓN Y VALORES POR DEFECTO // ============================================ const { // Dimensiones mainWidth, width = 500, height = 270, marginBottom = 0, isMobile = mainWidth < 450, // Configuración del hemiciclo sectionGap = 150, seatRadius = 18, rowHeight = 45, // Configuración de datos campoPartido = "partido", campoBancas = "bancas", datosCorte = null, campoColor = "color", campoSigla = "sigla", // Comportamiento totalBancas = null, partidosExcluir = [], partidoIndefinido = "POR DEFINIR", colorIndefinido = "#cccccc", ordenPartidos = null, ordenarPorBancas = true, // Visualización pathLinea = null, transformLinea = null, pathTexto = null, transformTexto = null, mostrarLinea = true, mostrarTextoMayoria = true, // Textos title = "", textoMayoria = "MAYORÍA", textoBancas = "BANCAS POR PARTIDO:" } = config; // ============================================ // 2. VARIABLES DE ESTADO (persisten entre updates) // ============================================ let isDataConnected = false; let svg, hemiciclo, lineaMayoria, textoMayoriaPath, badgesContainer; let parliamentGroup, textoBancasElement; let datosOrdenados = []; // ============================================ // 3. FUNCIONES AUXILIARES // ============================================ // Obtener valor de bancas desde estructura flexible const obtenerBancas = (item) => { const valor = typeof campoBancas === "function" ? campoBancas(item) : item[campoBancas]; if (!valor) return null; if (Array.isArray(valor)) { if (datosCorte === null) return valor[0]; return typeof datosCorte === "number" ? valor[datosCorte] : valor[0]; } if (typeof valor === "object" && datosCorte) { return valor[datosCorte]; } return typeof valor === "number" ? valor : null; }; // Obtener valor con soporte para función, campo o fallback const obtenerValor = (item, campo, fallback) => { if (typeof campo === "function") { return campo(item[campoPartido], item); } return item[campo] || fallback; }; // Ordenar dataset const ordenarDataset = (data) => { if (ordenPartidos?.length > 0) { const ordenMap = new Map(ordenPartidos.map((p, i) => [p, i])); const enOrden = []; const fueraOrden = []; data.forEach((d) => { if (ordenMap.has(d.partido)) { enOrden.push(d); } else { fueraOrden.push(d); } }); enOrden.sort((a, b) => ordenMap.get(a.partido) - ordenMap.get(b.partido)); if (ordenarPorBancas) { fueraOrden.sort((a, b) => d3.descending(a.seats, b.seats)); } return [...enOrden, ...fueraOrden]; } return ordenarPorBancas ? data.sort((a, b) => d3.descending(a.seats, b.seats)) : data.sort((a, b) => d3.ascending(a.partido, b.partido)); }; // Procesar datos crudos const procesarDatos = (datos) => { const dataset = datos .filter((d) => !partidosExcluir.includes(d[campoPartido])) .map((item) => { const bancas = obtenerBancas(item); if (!bancas || bancas <= 0) return null; return { seats: bancas, partido: item[campoPartido], color: obtenerValor(item, campoColor, "#999999"), sigla: obtenerValor(item, campoSigla, item[campoPartido]) }; }) .filter(Boolean); // Agregar bancas indefinidas si es necesario if (totalBancas) { const totalActual = d3.sum(dataset, (d) => d.seats); const faltantes = totalBancas - totalActual; if (faltantes > 0) { dataset.push({ seats: faltantes, partido: partidoIndefinido, color: colorIndefinido, sigla: partidoIndefinido }); } } return ordenarDataset(dataset); }; // ============================================ // 4. CREAR CONTENEDOR PRINCIPAL // ============================================ const container = d3.create("div").attr("class", "congreso-chart-wrapper"); // ============================================ // 5. INICIALIZACIÓN (primera vez) // ============================================ function initializeChart(datos) { datosOrdenados = procesarDatos(datos); // Crear estructura HTML base const wrapper = container.append("div").attr("class", "congreso-main"); // Título y fuente const header = wrapper.append("p").attr("class", "graficoTitulo"); header.append("span").attr("class", "titulo-text").text(title); // Marco con SVG const marcoGris = wrapper .append("div") .attr("class", "marcoGris") .style("text-align", "center") .style("overflow-x", "auto") .style("overflow-y", "hidden"); // SVG principal svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("style", "max-width:100%") .attr("viewBox", [-5, 1, width + 5, height]); hemiciclo = svg .append("g") .attr("transform", `translate(0, ${marginBottom + 20})`); // Línea de mayoría if (mostrarLinea && pathLinea) { lineaMayoria = hemiciclo .append("g") .style("stroke", "#555") .style("stroke-width", "2px") .style("stroke-dasharray", "10 6") .style("fill", "none") .attr("transform", transformLinea || null); lineaMayoria.append("path").attr("d", pathLinea); } // Texto "MAYORÍA" en arco if (mostrarTextoMayoria && textoMayoria && pathTexto) { const textId = `textArc${Date.now()}`; svg .append("defs") .append("path") .attr("id", textId) .attr("d", pathTexto) .attr("transform", transformTexto || null); textoMayoriaPath = svg .append("text") .append("textPath") .attr("href", `#${textId}`) .attr("startOffset", "40%") .attr("fill", "#444") .text(textoMayoria) .style("font-size", isMobile ? "17px" : "14px") .style("font-weight", 500) .style("font-family", "Roboto, sans-serif"); } // Grupo para bancas (se renderizará con d3-parliament) parliamentGroup = hemiciclo.append("g").attr("class", "parliament-seats"); // Renderizar bancas iniciales parliamentGroup.call( d3ParliamentChart .parliamentChart() .width(width) .aggregatedData(datosOrdenados) .sections(1) .sectionGap(sectionGap) .seatRadius(seatRadius) .rowHeight(rowHeight) .debug(0) ); // Texto "BANCAS POR PARTIDO" if (textoBancas) { textoBancasElement = hemiciclo .append("text") .attr("class", "texto-bancas") .attr("x", width / 2) .attr("y", height - 20) .attr("fill", "#444") .attr("text-anchor", "middle") .text(textoBancas) .style("font-size", isMobile ? "17px" : "14px") .style("font-weight", 500) .style("font-family", "Roboto, sans-serif"); } marcoGris.node().appendChild(svg.node()); // Badges de partidos (HTML nativo, no D3) badgesContainer = marcoGris .append("div") .attr("class", "badgeContainer") .style("width", "100%") .style("text-align", "center"); updateBadges(datosOrdenados); } // ============================================ // 6. ACTUALIZACIÓN (updates posteriores) // ============================================ function updateChart(datos) { datosOrdenados = procesarDatos(datos); // Limpiar y re-renderizar bancas parliamentGroup.selectAll("*").remove(); parliamentGroup.call( d3ParliamentChart .parliamentChart() .width(width) .aggregatedData(datosOrdenados) .sections(1) .sectionGap(sectionGap) .seatRadius(seatRadius) .rowHeight(rowHeight) .debug(0) ); // Actualizar badges updateBadges(datosOrdenados); } // Actualizar badges de partidos (CORREGIDO - usa HTML) function updateBadges(datos) { if (!badgesContainer || !badgesContainer.node()) return; // Limpiar badges existentes badgesContainer.html(""); // Crear badges nuevos datos.forEach((d) => { badgesContainer .append("span") .attr("class", "badgeBanca") .style("background-color", d.color) .style("margin", "4px") .style("padding", "4px 8px") .style("border-radius", "4px") .style("display", "inline-block") .style("font-size", "11px") .style("font-weight", "500") .style("color", "#fff") .style("font-family", "Roboto, sans-serif") .text(`${d.sigla}: ${d.seats}`); }); } // ============================================ // 7. API PÚBLICA - Método renderData // ============================================ container.node().renderData = function (newData) { if (!Array.isArray(newData)) { console.error("Error: 'newData' debe ser un array", newData); throw new TypeError("El parámetro 'newData' debe ser un array"); } if (!isDataConnected) { // PRIMERA VEZ: inicializar todo initializeChart(newData); isDataConnected = true; } else { // ACTUALIZACIONES: solo actualizar datos updateChart(newData); } }; return container.node(); }3a:T418,bancasActuales = new Map([ [ "DIPUTADOS", new Map([ ["COALICION CIVICA", 2], ["COHERENCIA", 4], ["DEMOCRACIA PARA SIEMPRE", 3], ["ENCUENTRO FEDERAL", 8], ["FRENTE DE IZQUIERDA UNIDAD", 1], ["FUTURO Y LIBERTAD", 1], ["INDEPENDENCIA", 1], ["INNOVACIÓN FEDERAL", 5], ["LA LIBERTAD AVANZA", 29], ["LIGA DEL INTERIOR ELI", 3], ["MID", 2], ["POR SANTA CRUZ", 1], ["PRO", 14], ["PRODUCCION Y TRABAJO", 1], ["UNIÓN CÍVICA RADICAL", 3], ["UNIÓN POR LA PATRIA", 52] ]) ], [ "SENADORES", new Map([ ["CONVICCIÓN FEDERAL", 4], ["DESPIERTA CHUBUT", 1], ["FRENTE NACIONAL Y POPULAR", 9], ["FRENTE PRO", 5], ["FRENTE RENOVADOR DE LA CONCORDIA SOCIAL", 2], ["LA LIBERTAD AVANZA", 6], ["LIBERTAD, TRABAJO Y PROGRESO", 1], ["POR LA JUSTICIA SOCIAL", 1], ["POR SANTA CRUZ", 2], ["UNIDAD CIUDADANA", 6], ["UNIDAD FEDERAL", 2], ["UNIÓN CÍVICA RADICAL", 9] ]) ] ])3b:Ta8f,// ← ACTUALIZA: transformarDatosElectorales (quita la función interna) function transformarDatosElectorales( data, mapaRegiones, excluirClave = "NACIONAL" ) { // Función auxiliar para encontrar el ganador y porcentaje function getGanador(resultados) { if (!resultados || resultados.length === 0) { return { nombre: null, porcentaje: null }; } const ganador = resultados.reduce((max, current) => current.porcentaje > max.porcentaje ? current : max ); return { nombre: ganador.nombre, porcentaje: ganador.porcentaje }; } // ← YA NO defines obtenerAlineacion() aquí, la usas directamente const regiones = Object.keys(data).filter((key) => key !== excluirClave); return regiones .map((region) => { const regionData = data[region]; const diputados = getGanador(regionData.DIPUTADOS); const senadores = getGanador(regionData.SENADORES); const senadoresProvinciales = getGanador( regionData.SENADORES_PROVINCIALES ); const diputadosProvinciales = getGanador( regionData.DIPUTADOS_PROVINCIALES ); const concejalesProvinciales = getGanador( regionData.CONCEJALES_PROVINCIALES ); return { provincia: mapaRegiones.get(region) || region, ganadorDiputados: obtenerAlineacion(diputados.nombre), // ← Usa la función global porcentajeDiputados: diputados.porcentaje, resultadosDiputados: regionData.DIPUTADOS || [], ganadorSenadores: obtenerAlineacion(senadores.nombre), porcentajeSenadores: senadores.porcentaje, resultadosSenadores: regionData.SENADORES || [], ganadorSenadoresProvinciales: obtenerAlineacion( senadoresProvinciales.nombre ), porcentajeSenadoresProvinciales: senadoresProvinciales.porcentaje, resultadosSenadoresProvinciales: regionData.SENADORES_PROVINCIALES || [], ganadorDiputadosProvinciales: obtenerAlineacion( diputadosProvinciales.nombre ), porcentajeDiputadosProvinciales: diputadosProvinciales.porcentaje, resultadosDiputadosProvinciales: regionData.DIPUTADOS_PROVINCIALES || [], ganadorConcejalesProvinciales: obtenerAlineacion( concejalesProvinciales.nombre ), porcentajeConcejalesProvinciales: concejalesProvinciales.porcentaje, resultadosConcejalesProvinciales: regionData.CONCEJALES_PROVINCIALES || [], estadoRecuento: regionData.estadoRecuento || null, fechaTotalizacion: regionData.fechaTotalizacion || null }; }) .sort((a, b) => a.provincia.localeCompare(b.provincia)); }3c:T1eea,mapaArgentina = ` 33% 40% 38% 39% 33% 38% 31% 36% 36% 37% 35% 29% 45% 34% 40% 33% 23% 27% 21% 39% 29% 35% 37% 33% `3d:T6277,function MapaElectoral( partidos, mapa, nombresSubsecciones, { width = 600, height = 640, mapX = -40, mapY = -48, mapScale = 1.4, legendPartidosX = 20, legendPartidosY = 90, legendPorcentajesX = 20, legendPorcentajesY = 260, legendRectSize = 15, legendSpacing = 2, legendTitleSize = 12, legendLabelSize = 11, muestraValores = true, labelDiputados = "DIPUTADOS", formatoPorcentaje = d3.format(".1f") } = {} ) { if (!Array.isArray(partidos)) { console.error("Error: 'partidos' debe ser un array", partidos); throw new TypeError("El parámetro 'partidos' debe ser un array"); } partidos = partidos.map((p) => ({ ...p, nombre: p.nombre.trim() })); console.log(partidos); // NUEVO: Bandera para controlar primera renderización vs updates let isDataConnected = false; // Obtiene el color de un partido, o el de "OTROS" si no está en la lista function getColorPartido(nombrePartido) { if (!nombrePartido) return "#e0e0e0"; if (nombrePartido.includes("LIBERTAD AVANZA")) return "#6B2C91"; if (nombrePartido.includes("JUSTICIALISTA")) return "#00A3DD"; if (nombrePartido.includes("VERDE")) return "#91B223"; const partido = partidos.find((p) => p.nombre.includes(nombrePartido)); if (partido) return partido.color; const otros = partidos.find((p) => p.nombre === "OTROS"); return otros ? otros.color : "#cccccc"; } // Detectar tipos de elecciones disponibles en los datos function detectarTiposEleccion(data) { const tiposEleccion = []; if ( data.some( (d) => d.ganadorDiputados !== undefined && d.ganadorDiputados !== null ) ) { tiposEleccion.push({ key: "DIPUTADOS", label: labelDiputados }); } if ( data.some( (d) => d.ganadorSenadores !== undefined && d.ganadorSenadores !== null ) ) { tiposEleccion.push({ key: "SENADORES", label: "SENADORES" }); } if ( data.some( (d) => d.ganadorSenadoresProvinciales !== undefined && d.ganadorSenadoresProvinciales !== null ) ) { tiposEleccion.push({ key: "SENADORES_PROVINCIALES", label: "SEN. PROV." }); } if ( data.some( (d) => d.ganadorDiputadosProvinciales !== undefined && d.ganadorDiputadosProvinciales !== null ) ) { tiposEleccion.push({ key: "DIPUTADOS_PROVINCIALES", label: "DIP. PROV." }); } if ( data.some( (d) => d.ganadorConcejalesProvinciales !== undefined && d.ganadorConcejalesProvinciales !== null ) ) { tiposEleccion.push({ key: "CONCEJALES_PROVINCIALES", label: "CONCEJALES" }); } return tiposEleccion; } let currentModo = null; let currentDataSource = null; let tiposEleccion = []; // Extrae los datos según el modo de elección seleccionado function getCurrentData(modo) { return currentDataSource.map((d) => { let ganador, porcentaje, resultados; switch (modo) { case "DIPUTADOS": ganador = d.ganadorDiputados; porcentaje = d.porcentajeDiputados; resultados = d.resultadosDiputados; break; case "SENADORES": ganador = d.ganadorSenadores; porcentaje = d.porcentajeSenadores; resultados = d.resultadosSenadores; break; case "DIPUTADOS_PROVINCIALES": ganador = d.ganadorDiputadosProvinciales; porcentaje = d.porcentajeDiputadosProvinciales; resultados = d.resultadosDiputadosProvinciales; break; case "SENADORES_PROVINCIALES": ganador = d.ganadorSenadoresProvinciales; porcentaje = d.porcentajeSenadoresProvinciales; resultados = d.resultadosSenadoresProvinciales; break; case "CONCEJALES_PROVINCIALES": // ← CAMBIO AQUÍ ganador = d.ganadorConcejalesProvinciales; // ← Agregado "Provinciales" porcentaje = d.porcentajeConcejalesProvinciales; // ← Agregado "Provinciales" resultados = d.resultadosConcejalesProvinciales; // ← Agregado "Provinciales" break; default: ganador = d.ganadorDiputados; porcentaje = d.porcentajeDiputados; resultados = d.resultadosDiputados; } return { provincia: d.provincia, ganador: ganador, porcentajeGanador: porcentaje, resultados: resultados || [], estadoRecuento: d.estadoRecuento, fechaTotalizacion: d.fechaTotalizacion }; }); } let currentData = []; // Calcular promedios de escrutinio function calcularPromedioEscrutinio(data) { const dataConEscrutinio = data.filter( (d) => d.estadoRecuento?.mesasTotalizadasPorcentaje ); if (dataConEscrutinio.length === 0) return { porcentaje: 0, fecha: null }; const promedio = d3.mean( dataConEscrutinio, (d) => d.estadoRecuento.mesasTotalizadasPorcentaje ); const fechaMasReciente = d3.max(dataConEscrutinio, (d) => d.fechaTotalizacion ? new Date(d.fechaTotalizacion) : null ); return { porcentaje: promedio || 0, fecha: fechaMasReciente }; } const container = d3 .create("div") .attr("class", "election-chart-wrapper") .style("max-width", `${width}px`) .style("margin", "auto") .style("position", "relative"); const chartId = "mapa-electoral-" + Math.random().toString(36).substr(2, 9); // Variables que se inicializarán en initializeMap let svg, provinciasNodes, labelsNodes, legendPartidos, legendPorcentajes; let switchContainer, tooltip, partidosGanadores; let minPorcentaje, maxPorcentaje; // ============================================ // FUNCIÓN DE INICIALIZACIÓN (se ejecuta UNA sola vez) // ============================================ function initializeMap(data) { currentDataSource = data; tiposEleccion = detectarTiposEleccion(data); currentModo = tiposEleccion.length > 0 ? tiposEleccion[0].key : "DIPUTADOS"; currentData = getCurrentData(currentModo); // Inyectar estilos (tomados de getElectionStyles) container.append("style").text(getElectionStyles()); const mainContainer = container .append("div") .attr("class", "resultados-main"); // Controles con barra de progreso const controles = mainContainer.append("div").attr("class", "controles"); const controlGrupo = controles.append("div").attr("class", "control-grupo"); controlGrupo .append("span") .attr("class", "control-label") .text(labelDiputados == "DIPUTADOS" ? "ELECCIÓN:" : ""); switchContainer = controlGrupo .append("div") .attr("class", "switch-container"); tiposEleccion.forEach((tipo) => { switchContainer .append("div") .attr( "class", tipo.key === currentModo ? "switch-option active" : "switch-option" ) .attr("data-modo", tipo.key) .text(tipo.label) .on("click", function () { if (currentModo !== tipo.key) { currentModo = tipo.key; currentData = getCurrentData(currentModo); updateSwitch(); updateMap(currentData); } }); }); // Barra de progreso de escrutinio const escrutinioGrupo = controles .append("div") .attr("class", "control-grupo escrutinio-container"); escrutinioGrupo .append("span") .attr("class", "escrutinio-label") .text("ESCRUTINIO:"); const progressWrapper = escrutinioGrupo .append("div") .attr("class", "progress-bar-wrapper"); progressWrapper .append("div") .attr("class", "progress-bar-fill") .attr("id", `progress-fill-${chartId}`); escrutinioGrupo .append("span") .attr("class", "escrutinio-porcentaje") .attr("id", `escrutinio-${chartId}`) .text("0%"); // Fecha de actualización controles .append("span") .attr("class", "fecha-totalizacion") .attr("id", `fecha-totalizacion-${chartId}`) .text("--"); function updateSwitch() { switchContainer .selectAll(".switch-option") .classed("active", function () { return d3.select(this).attr("data-modo") === currentModo; }); } // Actualizar barra de progreso function updateEscrutinio(data) { const { porcentaje, fecha } = calcularPromedioEscrutinio(data); const progressFill = d3.select(`#progress-fill-${chartId}`); const escrutinioText = d3.select(`#escrutinio-${chartId}`); const fechaEl = d3.select(`#fecha-totalizacion-${chartId}`); if (progressFill.node()) { progressFill .transition() .duration(500) .style("width", `${porcentaje}%`); } if (escrutinioText.node()) { escrutinioText.text(`${Math.floor(porcentaje)}%`); } if (fechaEl.node() && fecha) { //fechaEl.text(`Actualizado: ${d3.timeFormat("%H:%M")(fecha)}`); } } const mapaContainer = mainContainer .append("div") .style("background", "#fff") .style("width", "100%"); svg = d3 .create("svg") .attr("id", chartId) .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width:100%") .style("display", "block") .style("font-family", "sans-serif") .style("margin", "auto"); const mapGroup = svg .append("g") .attr("id", "mapGroup") .attr("transform", `translate(${mapX}, ${mapY})`); const maingroup = mapGroup .append("g") .attr("id", "mainGroup") .html(mapa) .attr("transform", `scale(${mapScale})`); maingroup .select("#borde") .style("fill", "none") .style("stroke", "#333") .style("stroke-width", 1.5) .style("stroke-linecap", "round") .style("stroke-linejoin", "round") .style("stroke-miterlimit", 10); // Calcula el color del texto según la luminosidad del fondo function getTextColor(partidoColor, opacity) { const r = parseInt(partidoColor.slice(1, 3), 16); const g = parseInt(partidoColor.slice(3, 5), 16); const b = parseInt(partidoColor.slice(5, 7), 16); const adjustedR = r * opacity + 255 * (1 - opacity); const adjustedG = g * opacity + 255 * (1 - opacity); const adjustedB = b * opacity + 255 * (1 - opacity); const luminance = (0.299 * adjustedR + 0.587 * adjustedG + 0.114 * adjustedB) / 255; return luminance > 0.5 ? "#000000" : "#ffffff"; } const dataConGanador = currentData.filter((d) => d.ganador); minPorcentaje = dataConGanador.length > 0 ? Math.floor(d3.min(dataConGanador, (d) => d.porcentajeGanador)) : 0; maxPorcentaje = dataConGanador.length > 0 ? Math.ceil(d3.max(dataConGanador, (d) => d.porcentajeGanador)) : 100; // Configurar provincias del mapa provinciasNodes = mapGroup .selectAll(".pcia") .datum(function () { return { provincia: nombresSubsecciones.get(d3.select(this).attr("id")) }; }) .data(currentData, (d) => d.provincia) .style("fill", (d) => getColorPartido(d.ganador)) .style("opacity", (d) => (d.ganador ? d.porcentajeGanador / 100 : 0.3)) .style("stroke", "#666") .style("stroke-width", 1) .style("stroke-linecap", "round") .style("stroke-linejoin", "round") .style("stroke-miterlimit", 10) .style("cursor", (d) => (d.ganador ? "pointer" : "default")); // Tooltip dentro del container tooltip = container .append("div") .attr("class", "election-tooltip") .style("position", "absolute") .style("background", "rgba(0, 0, 0, 0.8)") .style("color", "white") .style("padding", "8px 12px") .style("border-radius", "4px") .style("font-size", "12px") .style("font-family", "Roboto, sans-serif") .style("pointer-events", "none") .style("opacity", 0) .style("z-index", 1000); // Configura los eventos del tooltip para mostrar top 3 partidos function setupTooltipEvents() { tooltip.style("opacity", 0); provinciasNodes .on("mouseenter", null) .on("mousemove", null) .on("mouseleave", null) .on("mouseenter", function (event, d) { if (!d.ganador) return; d3.select(this).style("stroke", "#000").style("stroke-width", 2); let tooltipHTML = `${d.provincia}
`; if ( d.resultados && Array.isArray(d.resultados) && d.resultados.length > 0 ) { const top3 = [...d.resultados] .sort((a, b) => b.porcentaje - a.porcentaje) .slice(0, 3); top3.forEach((resultado, index) => { const nombrePartido = resultado.nombre || resultado.partido; if (index === 0) { tooltipHTML += `${nombrePartido}: ${formatoPorcentaje( resultado.porcentaje )}%
`; } else { tooltipHTML += `${nombrePartido}: ${formatoPorcentaje( resultado.porcentaje )}%
`; } }); } else { tooltipHTML += `${d.ganador}: ${formatoPorcentaje( d.porcentajeGanador )}%`; } tooltip.transition().duration(200).style("opacity", 1); tooltip.html(tooltipHTML); }) .on("mousemove", function (event) { const containerRect = container.node().getBoundingClientRect(); tooltip .style("left", event.clientX - containerRect.left + 10 + "px") .style("top", event.clientY - containerRect.top - 10 + "px"); }) .on("mouseleave", function () { d3.select(this).style("stroke", "#666").style("stroke-width", 1); tooltip.transition().duration(200).style("opacity", 0); }); } setupTooltipEvents(); updateEscrutinio(currentData); // Etiquetas de porcentajes en el mapa labelsNodes = mapGroup .select("#etiquetas") .attr("opacity", muestraValores ? 1 : 0); if (muestraValores) { labelsNodes .selectAll("text") .datum(function () { return { provincia: nombresSubsecciones.get( d3.select(this).attr("id").slice(2) ) }; }) .data(currentData, (d) => d.provincia) .text((d) => d.ganador ? formatoPorcentaje(d.porcentajeGanador) + "%" : "" ) .attr("dx", 0) .style("font-size", "9px") .style("font-weight", "600") .style("pointer-events", "none") .style("fill", (d) => { if (!d.ganador) return "transparent"; const color = getColorPartido(d.ganador); const opacity = d.porcentajeGanador / 100; return getTextColor(color, opacity); }); } // Leyenda de partidos legendPartidos = svg .append("g") .attr("class", "legend-partidos") .attr("transform", `translate(${legendPartidosX}, ${legendPartidosY})`); legendPartidos .append("text") .attr("class", "legend-title") .attr("x", 0) .attr("y", -10) .attr("text-anchor", "start") .style("font-size", `${legendTitleSize}px`) .style("font-weight", "600") .text("Partidos"); // Obtiene partidos ganadores, incluyendo "OTROS" si hay ganadores no listados function getPartidosGanadores(data) { const ganadoresSet = new Set( data.filter((d) => d.ganador).map((d) => d.ganador) ); const partidosEncontrados = []; const partidosPrincipales = partidos.filter((p) => p.nombre !== "OTROS"); partidosPrincipales.forEach((p) => { if (ganadoresSet.has(p.nombre)) { partidosEncontrados.push(p); } }); let hayOtros = false; ganadoresSet.forEach((ganador) => { const existeEnPrincipales = partidosPrincipales.some( (p) => p.nombre === ganador ); if (!existeEnPrincipales) { hayOtros = true; } }); if (hayOtros) { const otrosPartido = partidos.find((p) => p.nombre === "OTROS"); if (otrosPartido) { partidosEncontrados.push(otrosPartido); } } return partidosEncontrados; } partidosGanadores = getPartidosGanadores(currentData); const partidoItems = legendPartidos .selectAll(".partido-item") .data(partidosGanadores, (d) => d.nombre) .join("g") .attr("class", "partido-item") .attr( "transform", (d, i) => `translate(0, ${i * (legendRectSize + legendSpacing + 5)})` ); partidoItems .append("rect") .attr("width", legendRectSize) .attr("height", legendRectSize) .style("fill", (d) => d.color) .style("stroke", "#666") .style("stroke-width", 1); partidoItems .append("text") .attr("x", legendRectSize + 5) .attr("y", legendRectSize / 2) .attr("dy", "0.35em") .attr("text-anchor", "start") .style("font-size", `${legendLabelSize}px`) .text((d) => d.nombre); // Leyenda de porcentajes (opacidad) legendPorcentajes = svg .append("g") .attr("class", "legend-porcentajes") .attr( "transform", `translate(${legendPorcentajesX}, ${legendPorcentajesY})` ); legendPorcentajes .append("text") .attr("class", "legend-title") .attr("x", 0) .attr("y", -10) .attr("text-anchor", "start") .style("font-size", `${legendTitleSize}px`) .style("font-weight", "600") .text("Porcentaje"); let opacityLevels = d3.range(5).map((i) => ({ index: i, opacity: (minPorcentaje + (maxPorcentaje - minPorcentaje) * (i / 4)) / 100, percentage: minPorcentaje + (maxPorcentaje - minPorcentaje) * (i / 4) })); const opacityItems = legendPorcentajes .selectAll(".opacity-item") .data(opacityLevels) .join("g") .attr("class", "opacity-item") .attr( "transform", (d, i) => `translate(${i * (legendRectSize + legendSpacing)}, 0)` ); opacityItems .append("rect") .attr("width", legendRectSize) .attr("height", legendRectSize) .style("fill", "#666") .style("opacity", (d) => d.opacity) .style("stroke", "#666") .style("stroke-width", 1); opacityItems .filter((d, i) => i === 0 || i === 2 || i === 4) .append("text") .attr("x", legendRectSize / 2) .attr("y", legendRectSize + 12) .attr("text-anchor", "middle") .style("font-size", `${legendLabelSize}px`) .text((d) => d3.format(".0f")(d.percentage) + "%"); mapaContainer.node().appendChild(svg.node()); } // ============================================ // FUNCIÓN DE ACTUALIZACIÓN (se ejecuta en updates posteriores) // ============================================ function updateMap(newData) { const t = svg.transition().duration(550).ease(d3.easeCubicInOut); const dataConGanador = newData.filter((d) => d.ganador); if (dataConGanador.length > 0) { minPorcentaje = Math.floor( d3.min(dataConGanador, (d) => d.porcentajeGanador) ); maxPorcentaje = Math.ceil( d3.max(dataConGanador, (d) => d.porcentajeGanador) ); } // Actualizar escrutinio const { porcentaje, fecha } = calcularPromedioEscrutinio(newData); const progressFill = d3.select(`#progress-fill-${chartId}`); const escrutinioText = d3.select(`#escrutinio-${chartId}`); const fechaEl = d3.select(`#fecha-totalizacion-${chartId}`); if (progressFill.node()) { progressFill.transition().duration(500).style("width", `${porcentaje}%`); } if (escrutinioText.node()) { escrutinioText.text(`${Math.floor(porcentaje)}%`); } if (fechaEl.node() && fecha) { //fechaEl.text(`Actualizado: ${d3.timeFormat("%H:%M")(fecha)}`); } provinciasNodes .data(newData, (d) => d.provincia) .transition(t) .style("fill", (d) => getColorPartido(d.ganador)) .style("opacity", (d) => (d.ganador ? d.porcentajeGanador / 100 : 0.3)) .style("cursor", (d) => (d.ganador ? "pointer" : "default")); if (muestraValores) { labelsNodes .selectAll("text") .data(newData, (d) => d.provincia) .text((d) => d.ganador ? formatoPorcentaje(d.porcentajeGanador) + "%" : "" ) .transition(t) .style("fill", (d) => { if (!d.ganador) return "transparent"; const color = getColorPartido(d.ganador); const opacity = d.porcentajeGanador / 100; const r = parseInt(color.slice(1, 3), 16); const g = parseInt(color.slice(3, 5), 16); const b = parseInt(color.slice(5, 7), 16); const adjustedR = r * opacity + 255 * (1 - opacity); const adjustedG = g * opacity + 255 * (1 - opacity); const adjustedB = b * opacity + 255 * (1 - opacity); const luminance = (0.299 * adjustedR + 0.587 * adjustedG + 0.114 * adjustedB) / 255; return luminance > 0.5 ? "#000000" : "#ffffff"; }); } // Obtiene partidos ganadores const ganadoresSet = new Set( newData.filter((d) => d.ganador).map((d) => d.ganador) ); const partidosEncontrados = []; const partidosPrincipales = partidos.filter((p) => p.nombre !== "OTROS"); partidosPrincipales.forEach((p) => { if (ganadoresSet.has(p.nombre)) { partidosEncontrados.push(p); } }); let hayOtros = false; ganadoresSet.forEach((ganador) => { const existeEnPrincipales = partidosPrincipales.some( (p) => p.nombre === ganador ); if (!existeEnPrincipales) { hayOtros = true; } }); if (hayOtros) { const otrosPartido = partidos.find((p) => p.nombre === "OTROS"); if (otrosPartido) { partidosEncontrados.push(otrosPartido); } } partidosGanadores = partidosEncontrados; legendPartidos .selectAll(".partido-item") .data(partidosGanadores, (d) => d.nombre) .join( (enter) => { const g = enter .append("g") .attr("class", "partido-item") .attr("opacity", 0); g.append("rect") .attr("width", legendRectSize) .attr("height", legendRectSize) .style("fill", (d) => d.color) .style("stroke", "#666") .style("stroke-width", 1); g.append("text") .attr("x", legendRectSize + 5) .attr("y", legendRectSize / 2) .attr("dy", "0.35em") .attr("text-anchor", "start") .style("font-size", `${legendLabelSize}px`) .text((d) => d.nombre); return g; }, (update) => update, (exit) => exit.transition(t).attr("opacity", 0).remove() ) .transition(t) .attr("opacity", 1) .attr( "transform", (d, i) => `translate(0, ${i * (legendRectSize + legendSpacing + 5)})` ); if (dataConGanador.length > 0) { const newOpacityLevels = d3.range(5).map((i) => ({ index: i, opacity: (minPorcentaje + (maxPorcentaje - minPorcentaje) * (i / 4)) / 100, percentage: minPorcentaje + (maxPorcentaje - minPorcentaje) * (i / 4) })); legendPorcentajes .selectAll(".opacity-item") .data(newOpacityLevels) .select("rect") .transition(t) .style("opacity", (d) => d.opacity); legendPorcentajes .selectAll(".opacity-item") .data(newOpacityLevels) .select("text") .transition(t) .text((d) => d3.format(".0f")(d.percentage) + "%"); } } // ============================================ // API PÚBLICA - Método renderData (NUEVO) // ============================================ container.node().renderData = function (newDataSource) { if (!Array.isArray(newDataSource)) { console.error("Error: 'newDataSource' debe ser un array", newDataSource); throw new TypeError("El parámetro 'newDataSource' debe ser un array"); } if (!isDataConnected) { // PRIMERA VEZ: inicializar todo el mapa initializeMap(newDataSource); isDataConnected = true; } else { // ACTUALIZACIONES: solo actualizar datos currentDataSource = newDataSource; currentData = getCurrentData(currentModo); updateMap(currentData); } }; // Limpiar tooltip al destruir container.node().remove = function () { if (tooltip) tooltip.remove(); d3.select(this).remove(); }; return container.node(); }3e:T13b7,mapaMendoza = ` 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% `3f:T1535,mapaSanJuan = ` 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% `40:T478,diputadosPorProvincia = new Map([ ["BUENOS AIRES", { totales: 70, renuevan: 35 }], ["CAPITAL FEDERAL", { totales: 25, renuevan: 13 }], ["CATAMARCA", { totales: 5, renuevan: 3 }], ["CHACO", { totales: 7, renuevan: 4 }], ["CHUBUT", { totales: 5, renuevan: 2 }], ["CORDOBA", { totales: 18, renuevan: 9 }], ["CORRIENTES", { totales: 7, renuevan: 3 }], ["ENTRE RIOS", { totales: 9, renuevan: 5 }], ["FORMOSA", { totales: 5, renuevan: 2 }], ["JUJUY", { totales: 6, renuevan: 3 }], ["LA PAMPA", { totales: 5, renuevan: 3 }], ["LA RIOJA", { totales: 5, renuevan: 2 }], ["MENDOZA", { totales: 10, renuevan: 5 }], ["MISIONES", { totales: 7, renuevan: 3 }], ["NEUQUEN", { totales: 5, renuevan: 3 }], ["RIO NEGRO", { totales: 5, renuevan: 2 }], ["SALTA", { totales: 7, renuevan: 3 }], ["SAN JUAN", { totales: 6, renuevan: 3 }], ["SAN LUIS", { totales: 5, renuevan: 3 }], ["SANTA CRUZ", { totales: 5, renuevan: 3 }], ["SANTA FE", { totales: 19, renuevan: 9 }], ["SANTIAGO DEL ESTERO", { totales: 7, renuevan: 3 }], ["TIERRA DEL FUEGO", { totales: 5, renuevan: 2 }], ["TUCUMAN", { totales: 9, renuevan: 4 }] ])41:T60f,candidatosFotos = new Map([ [ "MENDOZA", new Map([ ["FRENTE VERDE", { nombre: "M.VADILLO", foto: "VADILLO" }], [ "PROTECTORA FUERZA POLÍTICA", { nombre: "C.JACKY", foto: "CAROLINA_JACKY" } ], ["MOVIMIENTO AL SOCIALISMO", { nombre: "S.BARROS", foto: "" }], ["ALIANZA LA LIBERTAD AVANZA", { nombre: "L.PETRI", foto: "PETRI" }], [ "ALIANZA DEFENDAMOS MENDOZA - PROVINCIAS UNIDAS", { nombre: "J.DIFONSO", foto: "DIFONSO" } ], [ "FRENTE DE IZQUIERDA Y DE TRABAJADORES - UNIDAD", { nombre: "M.B.MINOLI", foto: "BLANCO_MINOLI" } ], ["FUERZA JUSTICIALISTA MENDOZA", { nombre: "E.FELIX", foto: "FELIX" }], ["FRENTE LIBERTARIO DEMÓCRATA", { nombre: "G.SOTTILE", foto: "SOTTILE" }] ]) ], [ "SAN JUAN", new Map([ ["CRUZADA RENOVADORA", { nombre: "A.AVELIN", foto: "AVELIN" }], [ "FRENTE DE IZQUIERDA Y DE TRABAJADORES - UNIDAD", { nombre: "C.JURADO", foto: "JURADO" } ], ["LA LIBERTAD AVANZA", { nombre: "A.CHICONI", foto: "CHICONI" }], ["FUERZA SAN JUAN", { nombre: "C.ANDINO", foto: "ANDINO" }], ["EVOLUCIÓN LIBERAL", { nombre: "S.VALLEJOS", foto: "SERGIO_VALLEJOS" }], ["IDEAS DE LA LIBERTAD", { nombre: "G.BRIOZZO", foto: "BRIOZZO" }], ["PARTIDO LIBERTARIO", { nombre: "Y.AGUERO", foto: "AGUERO" }], ["HACEMOS", { nombre: "E.BAISTROCCHI", foto: "EMILIO_BAISTROCCHI" }], ["POR SAN JUAN", { nombre: "F.MARTIN", foto: "MARTIN" }] ]) ] ])42:T1603,alianzasPartidos = [ { alineacion: "LA LIBERTAD AVANZA", nombres: [ "LA LIBERTAD AVANZA", "ALIANZA LA LIBERTAD AVANZA", "LA LIBERTAD AVANZA + CAMBIA MENDOZA" ] }, { alineacion: "FUERZA PATRIA", nombres: [ "AHORA 503", "UNIÓN POR LA PATRIA", "UNIDAD CIUDADANA", "ALIANZA FUERZA PATRIA", "FEDERALES DEFENDAMOS LA RIOJA", "FRENTE DE LA VICTORIA", "FRENTE DEFENDEMOS LA PAMPA", "FRENTE FUERZA PATRIA", "FRENTE FUERZA PATRIA PERONISTA", "FRENTE JUSTICIALISTA", "FRENTE POPULAR AGRARIO Y SOCIAL", "FRENTE PRIMERO JUJUY AVANZA", "FRENTE PUEBLO", "FRENTE TUCUMÁN PRIMERO", "FRENTE UNIDOS PODEMOS", "FUERZA ENTRE RÍOS", "FUERZA JUSTICIALISTA MENDOZA", "FUERZA PATRIA", "FUERZA SAN JUAN", "FUERZA SANTACRUCEÑA", "PARTIDO DE LA VICTORIA" ] }, { alineacion: "FRENTE DE IZQUIERDA", nombres: [ "DE IZQUIERDA Y DE TRABAJADORES - UNIDAD", "FRENTE DE IZQUIERDA", "FRENTE DE IZQUIERDA - UNIDAD -", "FRENTE DE IZQUIERDA Y DE TRABAJADORES - UNIDAD", "FRENTE DE IZQUIERDA Y DE TRABAJADORES - UNIDAD FIT", "FRENTE DE IZQUIERDA Y DE TRABAJADORES UNIDAD", "FRENTE DE IZQUIERDA Y TRABAJADORES - UNIDAD", "NUEVA IZQUIERDA", "PARTIDO DEL OBRERO" ] }, { alineacion: "PROVINCIAS UNIDAS", nombres: [ "ALIANZA DEFENDAMOS MENDOZA - PROVINCIAS UNIDAS", "ALIANZA PROVINCIAS UNIDAS", "CIUDADANOS UNIDOS", "DEFENDAMOS MENDOZA", "DESPIERTA CHUBUT", "FRENTE JUJUY CRECE", "POR SANTA CRUZ", "PROVINCIAS UNIDAS", "HACEMOS", "SOMOS PROVINCIAS UNIDAS - CATAMARCA", "UN GRITO FEDERAL", "VAMOS CHACO", "VAMOS CORRIENTES", "PROVINCIAS UNIDAS - DEFENDAMOS MENDOZA" ] }, { alineacion: "FRENTE VERDE", nombres: ["FRENTE VERDE"] }, { alineacion: "P. PROVINCIALES", nombres: ["POR SAN JUAN", "FRENTE CÍVICO POR SANTIAGO"] }, { alineacion: "PARTIDO LIBERTARIO", nombres: ["PARTIDO LIBERTARIO"] }, { alineacion: "CRUZADA RENOVADORA", nombres: ["CRUZADA RENOVADORA"] }, { alineacion: "EVOLUCIÓN LIBERAL", nombres: ["EVOLUCIÓN LIBERAL"] }, { alineacion: "IDEAS DE LA LIBERTAD", nombres: ["IDEAS DE LA LIBERTAD"] }, { alineacion: "PROTECTORA FUERZA POLÍTICA", nombres: ["PROTECTORA FUERZA POLÍTICA"] }, { alineacion: "MOVIMIENTO AL SOCIALISMO", nombres: ["MOVIMIENTO AL SOCIALISMO"] }, { alineacion: "FRENTE LIBERTARIO DEMÓCRATA", nombres: ["FRENTE LIBERTARIO DEMÓCRATA"] }, { alineacion: "OTROS", nombres: [ "ACCIÓN PARA EL CAMBIO", "ACTIVAR", "AHORA", "ALIANZA CIUDADANOS", "ALIANZA CÓRDOBA TE QUIERO", "ALIANZA ENCUENTRO POR LA REPÚBLICA", "ALIANZA NUEVOS AIRES", "ALIANZA POTENCIA", "ALIANZA UNIÓN FEDERAL", "CAMBIA LA PAMPA", "COALICIÓN CÍVICA - ARI", "COALICIÓN CÍVICA ARI", "COMPROMISO FEDERAL", "CORRIENTES NOS UNE", "CREO", "DEFENDAMOS CÓRDOBA", "DEFENDAMOS SANTA FE", "DEFENDAMOS TIERRA DEL FUEGO", "DEL TRABAJO Y DEL PUEBLO", "DESARROLLO CIUDADANO", "DESPIERTA SANTIAGO", "FE", "FRENTE AMPLIO POR LA SOBERANIA", "FRENTE DEL PUEBLO UNIDO", "FRENTE FEDERAL DE ACCIÓN SOLIDARIA", "FRENTE INTEGRADOR", "FRENTE LIBERAL", "FRENTE PATRIOTA FEDERAL", "FUERZA LIBERTARIA", "FUERZA REPUBLICANA", "GEN", "HACEMOS POR SANTIAGO", "HACEMOS RENACER CATAMARCA", "HAGAMOS FUTURO", "IGUALDAD Y PARTICIPACIÓN", "INSTRUMENTO ELECTORAL POR LA UNIDAD POPULAR", "INTEGRAR", "JUNTOS DEFENDEMOS RÍO NEGRO", "JUNTOS POR LA LIBERTAD Y LA REPÚBLICA", "LA FUERZA DEL TRABAJO CHUBUTENSE", "LA IZQUIERDA EN LA CIUDAD", "LA NEUQUINIDAD", "LAS FUERZAS DEL CENTRO", "LIBER.AR", "MÁS POR NEUQUÉN", "MOV. POL. SOC. Y CULTURAL PROYECTO SUR", "MOVIMIENTO AL SOCIALISMO - MAS", "MOVIMIENTO AVANZADA SOCIALISTA", "MOVIMIENTO DE INTEGRACIÓN Y DESARROLLO - MID", "MOVIMIENTO DE JUBILADOS Y JUVENTUD", "MOVIMIENTO INDEPENDIENTE RENOVADOR", "MOVIMIENTO PLURAL", "NEPAR", "NUEVAS IDEAS", "PARTIDO AUTONOMISTA", "PARTIDO COMUNISTA", "PARTIDO DE LA CONCERTACIÓN FORJA", "PARTIDO DEMÓCRATA", "PARTIDO DIGNIDAD POPULAR", "PARTIDO FE", "PARTIDO FEDERAL", "PARTIDO FRENTE GRANDE", "PARTIDO INDEPENDIENTE DE CHUBUT", "PARTIDO NUEVO BUENOS AIRES", "PARTIDO POLO SOCIAL - MOVIMIENTO DE BASES", "PARTIDO RENACER", "PARTIDO SOCIALISTA", "PARTIDO SOCIALISTA AUTÉNTICO", "POLÍTICA ABIERTA PARA LA INTEGRIDAD SOCIAL", "POLÍTICA OBRERA", "POLÍTICA PARA LA CLASE OBRERA", "POR LA VIDA Y LOS VALORES, POR UN NUEVO OCTUBRE", "PRIMERO CATAMARCA", "PRIMERO LOS SALTEÑOS", "PRIMERO RÍO NEGRO", "PRINCIPIOS Y CONVICCIÓN", "PRO - PROPUESTA REPUBLICANA", "PROPUESTA FEDERAL PARA EL CAMBIO", "PROYECTO ALTERNATIVO", "PROYECTO SUR", "RENOVADOR DE LA CONCORDIA NEO", "REPUBLICANOS UNIDOS", "TRANSFORMACIÓN LIBERTARIA", "UNIDOS POR TUCUMÁN", "UNIÓN CÍVICA RADICAL", "UNIÓN DEL CENTRO DEMOCRÁTICO", "UNIÓN LIBERAL", "UNIÓN POPULAR FEDERAL", "UNIR", "UNITE POR LA LIBERTAD Y LA DIGNIDAD" ] } ]43:[{"id":"6183f0bfbe2af14c53ae4cfb86a92330dbe2f4580f16577547bc52e6407c13aa3fe1b75f1c1d27ae8d3479c94d92594a10223f3f9fadb1d0d072f4ebb82fc4c5","href":"https://static.observableusercontent.com/files/6183f0bfbe2af14c53ae4cfb86a92330dbe2f4580f16577547bc52e6407c13aa3fe1b75f1c1d27ae8d3479c94d92594a10223f3f9fadb1d0d072f4ebb82fc4c5","name":"Mapa_San_Juan.svg","type":"image/svg+xml","lastModified":1760955893049.231,"size":5594},{"id":"f5c8e0eae7679d7852805c79cac85e4098d74e37b1e7dd12906a9e78e4c5d1350eb134b997462aa8c41880bd1c269c3f5bc03ba378527b3c9aebc6c176dc8922","href":"https://static.observableusercontent.com/files/f5c8e0eae7679d7852805c79cac85e4098d74e37b1e7dd12906a9e78e4c5d1350eb134b997462aa8c41880bd1c269c3f5bc03ba378527b3c9aebc6c176dc8922","name":"Mapa_Mendoza.svg","type":"image/svg+xml","lastModified":1760955893055.56,"size":5484},{"id":"68aefd907485ef36fed25b481ac8b5feb639395a215d0e396361b22f21c7fcbd110acec97227e63e3622715807be9517dddf01078ef95d4543cbad75e0a03b9a","href":"https://static.observableusercontent.com/files/68aefd907485ef36fed25b481ac8b5feb639395a215d0e396361b22f21c7fcbd110acec97227e63e3622715807be9517dddf01078ef95d4543cbad75e0a03b9a","name":"Candidaturas 2025- equivalencias.xlsx - ALIANZAS.csv","type":"text/csv","lastModified":1760972358733.414,"size":3977},{"id":"46785edd67fa10cd25d6f2539a80d9bc8d60d1cb2b4a0d3b4c265e48a251f28c41ba12b5dfccc8c503185c4a878ff926483148083a05f10a7a9b24f843b9cb0c","href":"https://static.observableusercontent.com/files/46785edd67fa10cd25d6f2539a80d9bc8d60d1cb2b4a0d3b4c265e48a251f28c41ba12b5dfccc8c503185c4a878ff926483148083a05f10a7a9b24f843b9cb0c","name":"Candidaturas 2025- equivalencias.xlsx - ALIANZAS (1).csv","type":"text/csv","lastModified":1760972787621.083,"size":3985},{"id":"4babdf6751aa5080a72ddce21787f1c64c008291838b337b702e2d3c664c68c502ded80f1be5df3efb35f287043ce245ed452c437f13b190359fd2b392e2a224","href":"https://static.observableusercontent.com/files/4babdf6751aa5080a72ddce21787f1c64c008291838b337b702e2d3c664c68c502ded80f1be5df3efb35f287043ce245ed452c437f13b190359fd2b392e2a224","name":"results_v1 (1)@1.json","type":"application/json","lastModified":1761010234861.695,"size":127199},{"id":"2d81b42a2a5565cf1c85c9534e186c3e55c71bbd22ea18c02655299bf69edc8ad1f0a763042ec05292f655e99f48e0207615d47131ee4a51dedb7d6653bd5c0e","href":"https://static.observableusercontent.com/files/2d81b42a2a5565cf1c85c9534e186c3e55c71bbd22ea18c02655299bf69edc8ad1f0a763042ec05292f655e99f48e0207615d47131ee4a51dedb7d6653bd5c0e","name":"results_v2 (1)@1.json","type":"application/json","lastModified":1761010244302.916,"size":127231},{"id":"11df242b4054c2648061699d29ec64db142cdc75ca872da7ff2ecef031b1883ad7d0a8f78d582f64dabdbde68f56cf5b327822b4553a948ecac8517725172652","href":"https://static.observableusercontent.com/files/11df242b4054c2648061699d29ec64db142cdc75ca872da7ff2ecef031b1883ad7d0a8f78d582f64dabdbde68f56cf5b327822b4553a948ecac8517725172652","name":"results_v3@1.json","type":"application/json","lastModified":1761010261530.765,"size":127221},{"id":"acc572b16e1c6ca1847dc8ae060d57a841abe24bc484f8e4852c707b72e8aeb35d369dd0c9ca71fdef46f53a5a7221673e08a4a173483ff42dd0e46a146b49dd","href":"https://static.observableusercontent.com/files/acc572b16e1c6ca1847dc8ae060d57a841abe24bc484f8e4852c707b72e8aeb35d369dd0c9ca71fdef46f53a5a7221673e08a4a173483ff42dd0e46a146b49dd","name":"electionDataMendoza.json","type":"application/json","lastModified":1761849383601.843,"size":64523},{"id":"7d087f25aa39f2016d81b544e2db03e95b46f54716978881e4e8895f23969110e35fb98fa4944a0da91d11b37a54adf183518191ec5f825f45ab2898253dc305","href":"https://static.observableusercontent.com/files/7d087f25aa39f2016d81b544e2db03e95b46f54716978881e4e8895f23969110e35fb98fa4944a0da91d11b37a54adf183518191ec5f825f45ab2898253dc305","name":"electionDataSanJuan.json","type":"application/json","lastModified":1761849382133.692,"size":29673},{"id":"40df3a163bdfdd99ad4a067c94ab487d98d06b48a580eee9911822b1654b442166354183eddffdb831f244d6c284a0571011e70301e2c558e14a5a5e12c251b6","href":"https://static.observableusercontent.com/files/40df3a163bdfdd99ad4a067c94ab487d98d06b48a580eee9911822b1654b442166354183eddffdb831f244d6c284a0571011e70301e2c558e14a5a5e12c251b6","name":"electionDataMendozaProvincial.json","type":"application/json","lastModified":1761849380513.084,"size":42627},{"id":"72e93ae039e6a6f0bbf0a8b9201372d889aed8c20ad6ee4c389c3d6b31cf4730f8b87a7e5c39aa67a82f1de3000d02d736ab99eb205701f45257a5af089ab5ef","href":"https://static.observableusercontent.com/files/72e93ae039e6a6f0bbf0a8b9201372d889aed8c20ad6ee4c389c3d6b31cf4730f8b87a7e5c39aa67a82f1de3000d02d736ab99eb205701f45257a5af089ab5ef","name":"electionData.json","type":"application/json","lastModified":1761849384845.674,"size":47560}] 2f:{"title":"ELECCIONES 2025 DESDE CUYO","cells":[{"id":0,"value":"# ELECCIONES 2025 DESDE CUYO","pinned":false,"hidden":false,"mode":"md"},{"id":1183,"value":"hayDatosDeMendoza = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"### Resumen en la HOME","pinned":false,"hidden":false,"mode":"md"},{"id":107,"value":"chartHome = createElectionChart(\n {\n provincia:\n document.querySelector('meta[property=\"og:title\"]')?.content ==\n \"Diario de Cuyo\"\n ? \"SAN JUAN\"\n : \"MENDOZA\",\n anchoBloque: 130,\n altoBloque: 150,\n modoSubnacional: false, // ← Modo nacional\n hayDatos: true // ← Inicialmente visible (default: true)\n },\n todasLasProvincias,\n diputadosPorProvincia,\n candidatosFotos\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":662,"value":"chartHomeUpdate = {\n chartHome.renderData(electionData);\n return \"Actualizado\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1382,"value":"chartHomeProvincial = {\n return createElectionChart(\n {\n id: \"election-chart-PROVINCIAL\", // ← AGREGAR ESTE ID ÚNICO\n provincia: \"CAPITAL\",\n anchoBloque: 130,\n altoBloque: 120,\n modoSubnacional: true,\n hayDatos: !location.hostname.includes(\"cuyo\") ? hayDatosDeMendoza : 0\n },\n todosLosDeptosMendoza,\n diputadosPorProvincia,\n candidatosFotos\n );\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1385,"value":"chartHomeUpdateProvincial = {\n // Si no hay datos, ocultar el gráfico\n if (hayDatosDeMendoza === 0) {\n chartHomeProvincial.setVisibility(false);\n return \"Gráfico oculto - sin datos\";\n }\n\n // Si hay datos, mostrar y actualizar\n chartHomeProvincial.setVisibility(true);\n const adaptedData = adaptProvincialData(electionDataMendozaProvincial);\n chartHomeProvincial.renderData(adaptedData);\n return \"Actualizado\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":640,"value":"avanceEscrutado = electionData.NACIONAL.estadoRecuento\n .mesasTotalizadasPorcentaje","pinned":false,"hidden":false,"mode":"ojs"},{"id":1422,"value":"function adaptProvincialData(provincialData) {\n const adapted = {};\n\n function fixPartidoName(data) {\n return data.map((x) => ({\n ...x,\n nombre: x.nombre.replace(/ ?\$.+\$/, \"\")\n }));\n }\n\n for (const [depto, data] of Object.entries(provincialData)) {\n adapted[depto] = {\n fechaTotalizacion: data.fechaTotalizacion,\n estadoRecuento: data.estadoRecuento,\n valoresTotalizadosOtros: data.valoresTotalizadosOtros\n };\n\n // Mapear DIPUTADOS_PROVINCIALES -> DIPUTADOS\n if (data.DIPUTADOS_PROVINCIALES) {\n adapted[depto].DIPUTADOS = fixPartidoName(data.DIPUTADOS_PROVINCIALES);\n }\n\n // Mapear SENADORES_PROVINCIALES -> SENADORES\n if (data.SENADORES_PROVINCIALES) {\n adapted[depto].SENADORES = fixPartidoName(data.SENADORES_PROVINCIALES);\n }\n\n // Mapear CONCEJALES_PROVINCIALES -> CONCEJALES\n if (data.CONCEJALES_PROVINCIALES) {\n adapted[depto].CONCEJALES = fixPartidoName(data.CONCEJALES_PROVINCIALES);\n }\n }\n\n return adapted;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":717,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":859,"value":"electionDataSanJuan = {\n return FileAttachment(\"electionDataSanJuan.json\").json();\n}\n\n// fetch(\n// \"https://elecciones2025.visualizando.ar/api/results/distrito/SAN%20JUAN\"\n// ).then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":1560,"value":"electionProvincialMendozaJSON = FileAttachment(\n \"electionDataMendozaProvincial.json\"\n).json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1153,"value":"electionDataMendozaProvincial = electionProvincialMendozaJSON\n//{\n// const UPDATE_INTERVAL_SECONDS = 10;\n\n// const REAL_ENDPOINT =\n// \"https://elecciones2025.visualizando.ar/api/results/distrito/MENDOZA/provinciales\";\n\n// while (true) {\n// let json;\n\n// const res = await fetch(REAL_ENDPOINT);\n// json = await res.json();\n\n// yield json;\n\n// await Promises.tick(UPDATE_INTERVAL_SECONDS * 1000);\n// }\n// }","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"todasLasProvincias = new Map([\n [\"BUENOS AIRES\", \"Buenos Aires\"],\n [\"CAPITAL FEDERAL\", \"CABA\"],\n [\"CATAMARCA\", \"Catamarca\"],\n [\"CHACO\", \"Chaco\"],\n [\"CHUBUT\", \"Chubut\"],\n [\"CORDOBA\", \"Córdoba\"],\n [\"CORRIENTES\", \"Corrientes\"],\n [\"ENTRE RIOS\", \"Entre Ríos\"],\n [\"FORMOSA\", \"Formosa\"],\n [\"JUJUY\", \"Jujuy\"],\n [\"LA PAMPA\", \"La Pampa\"],\n [\"LA RIOJA\", \"La Rioja\"],\n [\"MENDOZA\", \"Mendoza\"],\n [\"MISIONES\", \"Misiones\"],\n [\"NEUQUEN\", \"Neuquén\"],\n [\"RIO NEGRO\", \"Río Negro\"],\n [\"SALTA\", \"Salta\"],\n [\"SAN JUAN\", \"San Juan\"],\n [\"SAN LUIS\", \"San Luis\"],\n [\"SANTA CRUZ\", \"Santa Cruz\"],\n [\"SANTA FE\", \"Santa Fe\"],\n [\"SANTIAGO DEL ESTERO\", \"Santiago del Estero\"],\n [\"TIERRA DEL FUEGO\", \"Tierra del Fuego\"],\n [\"TUCUMAN\", \"Tucumán\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":324,"value":"datosParaHemiciclos = {\n return {\n senado: [\n Object.entries(electionData)\n .filter((d) => Object.keys(d[1]).includes(\"SENADORES\"))\n .flatMap((d) => d[1])\n //.flatMap((d) => d.SENADORES)\n ]\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1361,"value":"ordenDePartidosParaCongreso = [\n \"FUERZA PATRIA\",\n \"FRENTE DE IZQUIERDA\",\n \"MOVIMIENTO AL SOCIALISMO\",\n \"PROVINCIAS UNIDAS\",\n \"OTROS\",\n \"FRENTE VERDE\",\n \"CRUZADA RENOVADORA\",\n \"LA LIBERTAD AVANZA\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":1267,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$39","pinned":false,"hidden":false,"mode":"ojs"},{"id":1326,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"---\n## MAPAS","pinned":false,"hidden":false,"mode":"md"},{"id":266,"value":"coloresPartidos = Object.entries(coloresAlineaciones).map((d) => {\n return {\n nombre: d[0],\n color: d[1]\n };\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1230,"value":"function obtenerAlineacion(nombrePartido) {\n if (!nombrePartido) return null;\n\n const alineacion = alianzasPartidos.find((a) =>\n a.nombres.some((n) => n === nombrePartido)\n );\n\n return alineacion ? alineacion.alineacion : nombrePartido;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs"},{"id":264,"value":"chartMapa = MapaElectoral(coloresPartidos, mapaArgentina, nombresProvincias, {\n width: 420,\n height: 640,\n mapX: -20,\n muestraValores: true,\n legendPartidosX: 230,\n legendPartidosY: 460,\n legendPorcentajesX: 230,\n legendPorcentajesY: 390\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs"},{"id":271,"value":"chartMapaUpdate = {\n const dataTransformada = transformarDatosElectorales(\n electionData,\n todasLasProvincias,\n \"NACIONAL\"\n );\n\n chartMapa.renderData(dataTransformada);\n\n return \"✅ Actualizado\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":255,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"nombresProvincias = new Map([\n [\"buenos_aires\", \"Buenos Aires\"],\n [\"caba\", \"CABA\"],\n [\"catamarca\", \"Catamarca\"],\n [\"chaco\", \"Chaco\"],\n [\"chubut\", \"Chubut\"],\n [\"cordoba\", \"Córdoba\"],\n [\"corrientes\", \"Corrientes\"],\n [\"entre_rios\", \"Entre Ríos\"],\n [\"formosa\", \"Formosa\"],\n [\"jujuy\", \"Jujuy\"],\n [\"la_pampa\", \"La Pampa\"],\n [\"la_rioja\", \"La Rioja\"],\n [\"mendoza\", \"Mendoza\"],\n [\"misiones\", \"Misiones\"],\n [\"neuquen\", \"Neuquén\"],\n [\"rio_negro\", \"Río Negro\"],\n [\"salta\", \"Salta\"],\n [\"san_juan\", \"San Juan\"],\n [\"san_luis\", \"San Luis\"],\n [\"santa_cruz\", \"Santa Cruz\"],\n [\"santa_fe\", \"Santa Fe\"],\n [\"santiago_del_estero\", \"Santiago del Estero\"],\n [\"tierra_del_fuego\", \"Tierra del Fuego\"],\n [\"tucuman\", \"Tucumán\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":705,"value":"chartMapaMendoza = MapaElectoral(\n coloresPartidos,\n mapaMendoza,\n nombresDeptosMendoza,\n {\n width: 420,\n height: 500,\n mapX: 5,\n mapY: 0,\n mapScale: 1.6,\n muestraValores: true,\n legendPartidosX: 280,\n legendPartidosY: 90,\n legendPorcentajesX: 280,\n legendPorcentajesY: 30,\n labelDiputados: \"DIPUTADOS NAC.\"\n },\n hayDatosDeMendoza\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1136,"value":"chartMapaMendozaUpdate = {\n const dataMendozaTransformada = transformarDatosElectorales(\n electionDataMendoza,\n todosLosDeptosMendoza\n );\n\n chartMapaMendoza.renderData(dataMendozaTransformada);\n\n return \"✅ Mapa Mendoza actualizado\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":696,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs"},{"id":736,"value":"todosLosDeptosMendoza = new Map([\n [\"CAPITAL\", \"Capital\"],\n [\"GODOY CRUZ\", \"Godoy Cruz\"],\n [\"GRAL.ALVEAR\", \"Gral. Alvear\"],\n [\"GUAYMALLEN\", \"Guaymallén\"],\n [\"JUNIN\", \"Junín\"],\n [\"LA PAZ\", \"La Paz\"],\n [\"LAS HERAS\", \"Las Heras\"],\n [\"LAVALLE\", \"Lavalle\"],\n [\"LUJAN\", \"Luján de Cuyo\"],\n [\"MAIPU\", \"Maipú\"],\n [\"MALARGUE\", \"Malargüe\"],\n [\"RIVADAVIA\", \"Rivadavia\"],\n [\"SAN CARLOS\", \"San Carlos\"],\n [\"SAN MARTIN\", \"San Martín\"],\n [\"SAN RAFAEL\", \"San Rafael\"],\n [\"SANTA ROSA\", \"Santa Rosa\"],\n [\"TUNUYAN\", \"Tunuyán\"],\n [\"TUPUNGATO\", \"Tupungato\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1427,"value":"todosLosDeptosMendozaParaHome = new Map([\n [\"CAPITAL\", \"Capital\"],\n [\"GUAYMALLEN\", \"Guaymallén\"],\n [\"LAS HERAS\", \"Las Heras\"],\n [\"LAVALLE\", \"Lavalle\"],\n [\"MAIPU\", \"Maipú\"],\n [\"SAN MARTIN\", \"San Martín\"],\n [\"JUNIN\", \"Junín\"],\n [\"RIVADAVIA\", \"Rivadavia\"],\n [\"SANTA ROSA\", \"Santa Rosa\"],\n [\"LA PAZ\", \"La Paz\"],\n [\"GODOY CRUZ\", \"Godoy Cruz\"],\n [\"LUJAN\", \"Luján\"],\n [\"TUPUNGATO\", \"Tupungato\"],\n [\"TUNUYAN\", \"Tunuyán\"],\n [\"SAN CARLOS\", \"San Carlos\"],\n [\"SAN RAFAEL\", \"San Rafael\"],\n [\"MALARGUE\", \"Malargüe\"],\n [\"GRAL.ALVEAR\", \"General Alvear\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":707,"value":"nombresDeptosMendoza = new Map([\n [\"capital\", \"Capital\"],\n [\"guaymallen\", \"Guaymallén\"],\n [\"las_heras\", \"Las Heras\"],\n [\"lavalle\", \"Lavalle\"],\n [\"junin\", \"Junín\"],\n [\"la_paz\", \"La Paz\"],\n [\"maipu\", \"Maipú\"],\n [\"rivadavia\", \"Rivadavia\"],\n [\"santa_rosa\", \"Santa Rosa\"],\n [\"san_martin\", \"San Martín\"],\n [\"godoy_cruz\", \"Godoy Cruz\"],\n [\"lujan\", \"Luján de Cuyo\"],\n [\"san_carlos\", \"San Carlos\"],\n [\"tunuyan\", \"Tunuyán\"],\n [\"tupungato\", \"Tupungato\"],\n [\"gral_alvear\", \"Gral. Alvear\"],\n [\"malargue\", \"Malargüe\"],\n [\"san_rafael\", \"San Rafael\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":852,"value":"chartMapaSanJuan = MapaElectoral(\n coloresPartidos,\n mapaSanJuan,\n nombresDeptosSanJuan,\n {\n width: 550,\n height: 500,\n mapX: 0,\n mapY: 0,\n mapScale: 1.6,\n muestraValores: true,\n legendPartidosX: 410,\n legendPartidosY: 230,\n legendPorcentajesX: 410,\n legendPorcentajesY: 170\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1142,"value":"chartMapaSanJuanUpdate = {\n const dataSanJuanTransformada = transformarDatosElectorales(\n electionDataSanJuan,\n todosLosDeptosSanJuan\n );\n\n chartMapaSanJuan.renderData(dataSanJuanTransformada);\n\n return \"✅ San Juan actualizado\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":845,"value":"$3f","pinned":false,"hidden":false,"mode":"ojs"},{"id":856,"value":"todosLosDeptosSanJuan = new Map([\n [\"25 DE MAYO\", \"25 de Mayo\"],\n [\"9 DE JULIO\", \"9 de Julio\"],\n [\"ALBARDON\", \"Albardon\"],\n [\"ANGACO\", \"Angaco\"],\n [\"CALINGASTA\", \"Calingasta\"],\n [\"CAPITAL\", \"Capital\"],\n [\"CAUCETE\", \"Caucete\"],\n [\"CHIMBAS\", \"Chimbas\"],\n [\"IGLESIA\", \"Iglesia\"],\n [\"JACHAL\", \"Jachal\"],\n [\"POCITO\", \"Pocito\"],\n [\"RAWSON\", \"Rawson\"],\n [\"RIVADAVIA\", \"Rivadavia\"],\n [\"SAN MARTIN\", \"San Martín\"],\n [\"SANTA LUCIA\", \"Santa Lucía\"],\n [\"SARMIENTO\", \"Sarmiento\"],\n [\"ULLUM\", \"Ullum\"],\n [\"VALLE FERTIL\", \"Valle Fértil\"],\n [\"ZONDA\", \"Zonda\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":865,"value":"nombresDeptosSanJuan = new Map([\n [\"calingasta\", \"Calingasta\"],\n [\"iglesia\", \"Iglesia\"],\n [\"jachal\", \"Jachal\"],\n [\"valle_fertil\", \"Valle Fértil\"],\n [\"pocito\", \"Pocito\"],\n [\"rivadavia\", \"Rivadavia\"],\n [\"chimbas\", \"Chimbas\"],\n [\"santa_lucia\", \"Santa Lucía\"],\n [\"9_de_julio\", \"9 de Julio\"],\n [\"rawson\", \"Rawson\"],\n [\"caucete\", \"Caucete\"],\n [\"25_de_mayo\", \"25 de Mayo\"],\n [\"sarmiento\", \"Sarmiento\"],\n [\"zonda\", \"Zonda\"],\n [\"ullum\", \"Ullum\"],\n [\"angaco\", \"Angaco\"],\n [\"albardon\", \"Albardon\"],\n [\"capital\", \"Capital\"],\n [\"san_martin\", \"San Martín\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"---\nDATOS GENERALES","pinned":false,"hidden":false,"mode":"md"},{"id":220,"value":"$40","pinned":false,"hidden":false,"mode":"ojs"},{"id":1249,"value":"Array.from(diputadosPorProvincia).map((d) => [d[0], d[1].renuevan])","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"d3ParliamentChart = require(\"d3-parliament-chart\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":955,"value":"$41","pinned":false,"hidden":false,"mode":"ojs"},{"id":1162,"value":"traducirDeptosMendoza = new Map([\n [\"Capital\", \"CAPITAL\"],\n [\"Guaymallén\", \"GUAYMALLEN\"],\n [\"Las Heras\", \"LAS HERAS\"],\n [\"Lavalle\", \"LAVALLE\"],\n [\"Maipú\", \"MAIPU\"],\n [\"San Martín\", \"SAN MARTIN\"],\n [\"Junín\", \"JUNIN\"],\n [\"Rivadavia\", \"RIVADAVIA\"],\n [\"Santa Rosa\", \"SANTA ROSA\"],\n [\"La Paz\", \"LA PAZ\"],\n [\"Godoy Cruz\", \"GODOY CRUZ\"],\n [\"Luján de Cuyo\", \"LUJAN\"],\n [\"Tupungato\", \"TUPUNGATO\"],\n [\"Tunuyán\", \"TUNUYAN\"],\n [\"San Carlos\", \"SAN CARLOS\"],\n [\"San Rafael\", \"SAN RAFAEL\"],\n [\"Malarg\", \"MALARGUE\"],\n [\"General Alvear\", \"GRAL.ALVEAR\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1169,"value":"traducirDeptosMendozaSecciones = new Map([\n [\"CAPITAL\", 1],\n [\"GUAYMALLEN\", 1],\n [\"LAS HERAS\", 1],\n [\"LAVALLE\", 1],\n [\"MAIPU\", 2],\n [\"SAN MARTIN\", 2],\n [\"JUNIN\", 2],\n [\"RIVADAVIA\", 2],\n [\"SANTA ROSA\", 2],\n [\"LA PAZ\", 2],\n [\"GODOY CRUZ\", 3],\n [\"LUJAN\", 3],\n [\"TUPUNGATO\", 3],\n [\"TUNUYAN\", 3],\n [\"SAN CARLOS\", 3],\n [\"SAN RAFAEL\", 4],\n [\"MALARGUE\", 4],\n [\"GRAL.ALVEAR\", 4]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":513,"value":"---\n## PARTIDOS Y COLORES\nhttps://docs.google.com/spreadsheets/d/1uP3U0BaC_NWh19ijJr-rcnX0o3mRPWC0/edit?gid=876659346#gid=876659346\n\nMODIFICAR EL ORDEN O AGRUPACION DE SER NECESARIO ACA ABAJO","pinned":false,"hidden":false,"mode":"md"},{"id":543,"value":"html`

Paleta de Colores

\n ${Object.entries(coloresAlineaciones).map(\n ([alineacion, color]) => html`\n

\n ${alineacion}\n

\n `\n )}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":440,"value":"obtenerColorPartido = (() => {\n const defaultColor =\n (coloresAlineaciones && coloresAlineaciones[\"OTROS\"]) || \"#808080\";\n\n // Crear mapa partido → color usando alianzasPartidos\n const mapa = new Map();\n if (Array.isArray(alianzasPartidos)) {\n alianzasPartidos.forEach(({ alineacion, nombres }) => {\n const color = coloresAlineaciones?.[alineacion] || defaultColor;\n if (Array.isArray(nombres)) {\n nombres.forEach((partido) => {\n mapa.set(partido.toUpperCase(), color);\n });\n }\n });\n }\n\n // Función de búsqueda exacta, devolviendo defaultColor si no hay match\n return (nombrePartido) => {\n if (!nombrePartido) return defaultColor;\n const nombre = nombrePartido.toUpperCase().trim();\n return mapa.get(nombre) || defaultColor;\n };\n})()","pinned":false,"hidden":false,"mode":"ojs"},{"id":537,"value":"coloresAlineaciones = {\n return {\n \"LA LIBERTAD AVANZA\": \"#6B2C91\",\n \"FUERZA PATRIA\": \"#00A3DD\",\n \"FRENTE DE IZQUIERDA\": \"#DC241F\",\n \"PROVINCIAS UNIDAS\": \"#fa691c\",\n \"FRENTE VERDE\": \"#59bc45\",\n \"P. PROVINCIALES\": \"#f8a61e\",\n \"PARTIDO LIBERTARIO\": \"#FFF\",\n \"CRUZADA RENOVADORA\": \"#FDED03\",\n \"EVOLUCIÓN LIBERAL\": \"#333\",\n \"IDEAS DE LA LIBERTAD\": \"#F8A5C3\",\n \"PROTECTORA FUERZA POLÍTICA\": \"#3AB694\",\n \"MOVIMIENTO AL SOCIALISMO\": \"#FF5443\",\n \"FRENTE LIBERTARIO DEMÓCRATA\": \"#50407C\",\n OTROS: \"#808080\"\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":520,"value":"$42","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W43","stdlib":"1","titling":"auto"}