2b:null 2c:["$","title",null,{"children":"Una colección de mapas electorales para las elecciones generales 2025 | Mauricio Foronda | Observable"}] 31:T435,html` ${viewof mapa_mas_eleccion} ${comparativo_subtitle({seleccion:comparacion_seleccion, campo:"mas", subtitulo:eleccion == "mean" ? "Promedio" : `Elección de ${eleccion}`})} ${leyenda_lineal()} ${viewof mapa2025_2} ${comparativo_subtitle({seleccion:comparacion_seleccion, campo:"2025", subtitulo:opcion_comparacion.map(i => nombres[i]).join(" + ")})} ${leyenda_lineal()} ${viewof mapaComparativo} ${comparativo_subtitle({seleccion:comparacion_seleccion, campo:"diferencia", subtitulo:"Resultados en 2025 - Votación histórica al MAS-IPSP", domain:[-1,1]})} ${leyenda_divergente()} ${comparacion_seleccion_top ? mensajeComparacion(comparacion_seleccion_top) : ""}

${viewof comparacion_dots}${leyenda_poblacion(viewof comparacion_dots)}

`32:Te30,33:T402,function toc(config) { const selector = config && config.selector ? config.selector : "h1,h2,h3,h4,h5,h6"; return Generators.observe(notify => { let headings = []; function observed() { const minSelector = Math.min(...selector.split(",").map(d => +d.replace("h", ""))); const h = Array.from(document.querySelectorAll(selector)); if (h.length !== headings.length || h.some((h, i) => headings[i] !== h)) { notify(html`${Array.from(headings = h, h => { const level = parseInt(h.tagName.slice(1)); return Object.assign( html`${level > minSelector ? ''.repeat(level - minSelector) + '' : ''}${DOM.text(h.textContent)}`, {onclick: e => (e.preventDefault(), h.scrollIntoView())} ); })}`); } } const observer = new MutationObserver(observed); observer.observe(document.body, {childList: true, subtree: true}); observed(); return () => observer.disconnect(); }); }34:T4c2,serie_mapas = (data, keys, { key_norm = null, tickFormat = (d) => (d) } = {}) => { const flat = flatten(data, keys, key_norm) const geo_args = { geometry: (d) => feature_map.get(d.municipio), fill: "value", ...(mobile ? {fy: "key"} : {fx: "key"}), // fy: "key", stroke: colors.frame.background, } const f_args = { frameAnchor: "bottom", dy: 30, tickFormat: tickFormat, fill: colors.frame.mid, } const f = mobile ? {fy: {label: null}} : {fx: {label: null}} return Plot.plot({ width: width, marginTop: 30, marginBottom: 30, projection: { type: "mercator", domain: features }, color: { scheme: colors.map.linear, domain: [0, 1] }, ...(mobile ? {fy: {label: null}} : {fx: {label: null}}), marks: [ Plot.geo(flat, { ...geo_args, strokeWidth: .2, channels: {order: "order"}, sort: {...(mobile ? {fy: "order"} : {fx: "order"})} }), Plot.geo(flat, Plot.pointer(Plot.centroid({ ...geo_args, strokeWidth: 1.5, }))), ...(mobile ? Plot.axisFy(f_args) : Plot.axisFx(f_args)), ] }) }35:T6e4,function linea_mas(municipio) { const m = municipio.municipio const mun = elecciones.reduce((acc, key) => { if (mas_historico[m].hasOwnProperty(key)) { acc.push({year: key, value: mas_historico[m][key]}) } return acc; }, []); const line_args = { x: "year", y: "value", curve: "basis" } const grid_args = { stroke: "white", strokeOpacity: 1 } return Plot.plot({ height: 120, width: 500, y: { domain: [0, 1], label: null, tickSize: 0, tickFormat: d => d3.format(".0%")(d) }, x: { domain: [2002, 2020], label: null, tickSize: 0, tickFormat: d => d3.format(".0f")(d) }, style: { color: colors.frame.light }, color: { scheme: colors.map.linear, domain: [0, 1], }, marks: [ Plot.gridY({ ...grid_args, stroke: colors.frame.light, strokeWidth: .5, strokeDasharray: "2", }), Plot.areaY(mun, { ...line_args, fill: colors.fill.lighter, }), Plot.gridX({ ...grid_args, strokeWidth: 2, }), Plot.gridY({ ...grid_args, strokeWidth: .5, }), Plot.line(mun, { ...line_args, stroke: colors.fill.light, strokeWidth: 1 }), Plot.dot(mun, { ...line_args, fill: "value", fillOpacity: .8, stroke: colors.fill.dark, strokeWidth: .5, r: d => d.year == municipio.key ? 6 : 3 }), Plot.text([`${meta[m].nombre.trim()}, ${meta[m].departamento.trim()}`], { frameAnchor: "top", fontWeight: 600, fontSize: 13, dy: -20, fill: colors.frame.dark, }) ] }) }36:T7d3,viewof bivariate_dots = { const data = Object.values(mas_historico); const scale_args = { tickSize: 0, tickFormat: d3.format(".0%"), label: null, labelOffset: 35, } const grid_args = { strokeDasharray: "2", strokeOpacity: .5 } return Plot.plot({ width: 450, height: 450, margin: 50, x: { ...scale_args, domain: [0, 1], }, y: { ...scale_args, domain: [0, .5], }, style: { color: colors.frame.light }, color: bivariate_leyenda.scale("color"), marks: [ Plot.gridX({ ...grid_args }), Plot.gridY({ ...grid_args }), Plot.dot(data, { x: "mean", y: "std", r: d => meta[d.municipio].poblacion, fill: d => bivariateClass(mas_historico[d.municipio]), fillOpacity: .5, stroke: colors.frame.mid, strokeWidth: .5, }), mapa_bivariate ? Plot.dot([mas_historico[mapa_bivariate.id]], { x: "mean", y: "std", r: d => meta[d.municipio].poblacion, stroke: colors.frame.dark, strokeWidth: 1, }) : null, mapa_bivariate ? Plot.tip([mas_historico[mapa_bivariate.id]], { x: "mean", y: "std", fontWeight: "bold", title: d => nombrar(d.municipio), }) : null, Plot.dot(data, Plot.pointer({ x: "mean", y: "std", r: d => meta[d.municipio].poblacion, stroke: colors.fill.dark, strokeWidth: 2, })), Plot.text(["← Desviación"], { frameAnchor: "right", textAnchor: "center", fontWeight: "bold", rotate: 90, dx: 20 }), Plot.text(["Media →"], { frameAnchor: "top", fontWeight: "bold", rotate: 0, dy: -20 }), Plot.tip(data, Plot.pointer({ x: "mean", y: "std", fontWeight: "bold", title: d => nombrar(d.municipio), })), ] }) }37:T45c,viewof mapaComparativo = { const plot = Plot.plot({ marginTop: 40, marginBottom: 30, height: 350, width: 250, projection: { type: "mercator", domain: features }, color: { scheme: colors.map.diverging, domain: [-1, 1] }, marks: [ Plot.geo(features, { filter: d => mas_historico[d.id][eleccion], fill: d => seleccion_2025[d.id] - mas_historico[d.id][eleccion], stroke: colors.frame.background, strokeWidth: .25, }), Plot.geo(features.features, Plot.pointer(Plot.centroid({ filter: d => mas_historico[d.id][eleccion], stroke: colors.frame.background, strokeWidth: 2.5, }))), Plot.text(["Comparación"], { frameAnchor: "top", fill: colors.frame.light, fontSize: 11, fontWeight: 600, dy: -30, }), // Plot.text(["Resultados en 2025 - MAS histórico"], { // frameAnchor: "bottom", // fill: colors.frame.mid, // dy: 25, // }) ] }) return plot }38:T660,function legendRadius( // from https://observablehq.com/@recifs/a-radius-legend-for-plot-665 scale, { label = scale.label, ticks = 5, tickFormat = (d) => d, strokeWidth = 0.5, strokeDasharray = [5, 4], lineHeight = 8, gap = 20, style } = {} ) { // const s = scale.scale; const s = scale.type === "pow" ? d3.scalePow(scale.domain, scale.range).exponent(scale.exponent) : d3.scaleLinear(scale.domain, scale.range); // TODO add more types as needed const r0 = scale.range[1]; const shiftY = label ? 10 : 0; let h = Infinity; const values = s .ticks(ticks) .reverse() .filter((t) => h - s(t) > lineHeight / 2 && (h = s(t))); return Plot.plot({ width: 2 * r0 + 90, x: { type: "identity", axis: null }, r: { type: "identity" }, y: { type: "identity", axis: null }, marks: [ Plot.link(values, { x1: r0 + 2, y1: (d) => 8 + 2 * r0 - 2 * s(d) + shiftY, x2: 2 * r0 + 2 + gap, y2: (d) => 8 + 2 * r0 - 2 * s(d) + shiftY, strokeWidth: strokeWidth / 2, strokeDasharray }), Plot.dot(values, { r: s, x: r0 + 2, y: (d) => 8 + 2 * r0 - s(d) + shiftY, strokeWidth }), Plot.text(values, { x: 2 * r0 + 2 + gap, y: (d) => 8 + 2 * r0 - 2 * s(d) + shiftY, textAnchor: "start", dx: 4, text: tickFormat }), Plot.text(label ? [label] : [], { x: 0, y: 6, textAnchor: "start", fontWeight: "bold" }) ], height: 2 * r0 + 10 + shiftY, style }); }39:T7fb,viewof comparacion_dots = Plot.plot({ width: 450, height: 450, margin: 50, x: { tickSize: 0, tickFormat: d3.format(".0%"), label: null, labelOffset: 35, domain: [0, 1], }, y: { tickSize: 0, tickFormat: d3.format(".0%"), label: null, labelOffset: 35, domain: [0, 1] }, style: { color: colors.frame.light }, color: { scheme: colors.map.diverging, domain: [-1, 1] }, marks: [ Plot.gridX({ strokeDasharray: "2", strokeOpacity: .5 }), Plot.gridY({ strokeDasharray: "2", strokeOpacity: .5 }), Plot.link([1], { x1: 0, y1: 0, x2: 1, y2: 1, stroke: colors.frame.light, strokeDasharray: "2", strokeWidth: 1, }), Plot.dot(data_comparacion, { x: "2025", y: "mas", r: d => meta[d.municipio].poblacion, fill: d => d[2025] - d.mas, fillOpacity: .5, stroke: colors.frame.mid, strokeWidth: .5, }), comparacion_seleccion ? Plot.dot([comparacion_seleccion], { x: "2025", y: "mas", r: d => meta[d.municipio].poblacion, stroke: colors.frame.dark, strokeWidth: 1, }) : null, comparacion_seleccion ? Plot.tip([comparacion_seleccion], { x: "2025", y: "mas", fontWeight: "bold", title: d => nombrar(d.municipio), }) : null, Plot.dot(data_comparacion, Plot.pointer({ x: "2025", y: "mas", r: d => meta[d.municipio].poblacion, stroke: colors.fill.dark, strokeWidth: 2, })), Plot.text(["← Votación histórica al MAS-IPSP"], { frameAnchor: "right", textAnchor: "center", fontWeight: "bold", rotate: 90, dx: 20 }), Plot.text(["Votación en 2025 →"], { frameAnchor: "top", fontWeight: "bold", rotate: 0, dy: -20 }), Plot.tip(data_comparacion, Plot.pointer({ x: "2025", y: "mas", fontWeight: "bold", title: d => nombrar(d.municipio), })), ] })3a:[{"id":"6f59ed52b1e838f8f4f98f562e0726488438c77d248105c0e9542b2e4384f9a1e40ec737e8983fdc03aca89300f3fcf406edc9c93eea78d2fec955cacf5143a7","href":"https://static.observableusercontent.com/files/6f59ed52b1e838f8f4f98f562e0726488438c77d248105c0e9542b2e4384f9a1e40ec737e8983fdc03aca89300f3fcf406edc9c93eea78d2fec955cacf5143a7","name":"mun.json","type":"application/json","lastModified":1758748116939.404,"size":184233},{"id":"4153efdf8f166879b47f4051eddd0e00f9c4f12e7339404fe359308fd730f910859a5b35e298052b9f1fb12a3fa2067ef6b6b55a08d729615c1fc616759add7f","href":"https://static.observableusercontent.com/files/4153efdf8f166879b47f4051eddd0e00f9c4f12e7339404fe359308fd730f910859a5b35e298052b9f1fb12a3fa2067ef6b6b55a08d729615c1fc616759add7f","name":"resultados2025_.csv","type":"text/csv","lastModified":1758752815078.166,"size":24967},{"id":"b2ebc30f4b50b0f948b5beb07032bf7eaad51414bb92b67e04136d84f28c08ecfcf1333ea43aa0869f7bdf8e197a523ece02decec99bad89a680771ae110ed26","href":"https://static.observableusercontent.com/files/b2ebc30f4b50b0f948b5beb07032bf7eaad51414bb92b67e04136d84f28c08ecfcf1333ea43aa0869f7bdf8e197a523ece02decec99bad89a680771ae110ed26","name":"mas_historico@2.csv","type":"text/csv","lastModified":1758892105780.002,"size":40034},{"id":"b0c42952ca029d16883a5f8465ead981baeaa90d91e47b3efd2982c60ff0e805d57f5681c20035215fab48b19aac8b613c025a90d282fd862ad0acef2bea9862","href":"https://static.observableusercontent.com/files/b0c42952ca029d16883a5f8465ead981baeaa90d91e47b3efd2982c60ff0e805d57f5681c20035215fab48b19aac8b613c025a90d282fd862ad0acef2bea9862","name":"meta@4.json","type":"application/json","lastModified":1758928091843.891,"size":36010}] 2f:{"id":"692972efa06d98b1","slug":"mapas-electorales-2025","title":"Una colección de mapas electorales para las elecciones generales 2025","thumbnail":"38cf093b5f67332141f25e8471e06911373db8a2dc75a8dc6b5270cbf8ad1973","access_level":"public","create_time":"$D2025-09-24T21:01:39.803Z","update_time":"$D2025-10-19T17:56:45.982Z","view_time":null,"first_public_time":"$D2025-09-25T01:19:54.066Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda","avatar_url":"https://avatars-next.observableusercontent.com/4cc3af3b792916571df54649e193dbdbf80a875b4e37b1def6ecb0480c561075","tier":"starter_2024"},"version":2614,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"018969b4abf63b07","login":"mauforonda","name":"Mau Foronda","avatar_url":"https://avatars-next.observableusercontent.com/513f52feadea4c57a52e2ab0f2fbdad66bf45a132acf7f9fbb19eb61e86e345f","tier":null}],"members":[{"type":"individual","id":"018969b4abf63b07","login":"mauforonda","name":"Mau Foronda","avatar_url":"https://avatars-next.observableusercontent.com/513f52feadea4c57a52e2ab0f2fbdad66bf45a132acf7f9fbb19eb61e86e345f","tier":null,"role":"editor"},{"type":"team","id":"475974948549302f","login":"mauforonda","name":"Mauricio Foronda","avatar_url":"https://avatars-next.observableusercontent.com/4cc3af3b792916571df54649e193dbdbf80a875b4e37b1def6ecb0480c561075","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"Una colección de mapas electorales para las elecciones generales 2025","cells":[{"id":2212,"value":"\n\n Una colección de mapas electorales\n Inspirados por resultados en las elecciones generales de 2025\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2240,"value":"toc({selector: \"texto titulo\", heading:\" \"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2172,"value":"\n Resultados para presidente\n Cómo votó la población de cada municipio en la primera vuelta de las elecciones generales 2025\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1485,"value":"html`${viewof opcion} ${viewof total}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"html`\n

\n ${leyenda_lineal()}\n ${viewof mapa2025}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2254,"value":"\n Votación histórica al MAS-IPSP\n Qué porcentaje de la población en cada municipio votó por el MAS-IPSP en elecciones generales desde 2002\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":691,"value":"html`\n

${mas_linea}

\n${leyenda_lineal()}\n${viewof mapa_mas}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2296,"value":"\n \n Qué municipios votaron de manera más consistente por el MAS-IPSP\n \n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1011,"value":"html`\n

${mensaje_bivariate}

\n\n${viewof mapa_bivariate}\n\n${viewof bivariate_dots}\n${leyenda_poblacion(viewof bivariate_dots)}\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2348,"value":"\n Votación popular en 2025\n A dónde parecen dirigirse los votos históricos al MAS-IPSP\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1615,"value":"html`\n

${seleccion2025_header}