3e:null 3f:["$","title",null,{"children":"Diferencia entre primera y segunda vuelta en elecciones presidenciales de Colombia | Fabián Ríos | Observable"}] 45:Td1b,viewof graph = { const width = 900; const height = 400; const margin = {top: 40, right: 40, bottom: 20, left: 220}; const svg = d3.select(DOM.svg(width, height)) .attr("viewBox", [0, 0, width, height]); const flatData = elections.flatMap(d => d.candidates.map(c => ({ year: d.year, name: c.name, first: c.firstRound, second: c.secondRound, diff: (c.secondRound ?? 0) - c.firstRound, hasSecondRound: c.secondRound !== undefined, firstAbstention: d.firstRoundAbstention, secondAbstention: d.secondRoundAbstention, totalAbsIndicator: d.secondRoundAbstention - d.firstRoundAbstention, })) ); const yScale = d3.scaleOrdinal() .domain(flatData.map(d => `${d.name} (${d.year})`)) .range(flatData.map((_, i) => margin.top + i * 30)); const xScale = d3.scaleLinear() .domain([0, d3.extent(flatData.flatMap(d => [d.first, d.second]))[1]]) .nice() .range([margin.left, width - margin.right]); // Escala de color perceptiva para la diferencia const diffExtent = d3.extent(flatData, d => d.diff); const colorScale = d3.scaleSequential(d3.interpolateBlues) .domain(diffExtent); // de menor a mayor diferencia svg.append("g") .selectAll("line") .data(flatData) .join("line") .attr("x1", d => xScale(d.first)) .attr("x2", d => xScale(d.second)) .attr("y1", d => yScale(`${d.name} (${d.year})`)) .attr("y2", d => yScale(`${d.name} (${d.year})`)) .attr("stroke", d => colorScale(d.diff)) .attr("stroke-width", 4) .attr("opacity", 0.7); svg.append("g") .selectAll("circle.first") .data(flatData) .join("circle") .attr("class", "first") .attr("cx", d => xScale(d.first)) .attr("cy", d => yScale(`${d.name} (${d.year})`)) .attr("r", 6) .attr("fill", "#4fa3ff"); svg.append("g") .selectAll("circle.second") .data(flatData) .join("circle") .attr("class", "second") .attr("cx", d => xScale(d.second)) .attr("cy", d => yScale(`${d.name} (${d.year})`)) .attr("r", 6) .attr("fill", "#1f77b4"); const abstentionByYear = Array.from(new Map(flatData.map(d => [d.year, { year: d.year, first: d.firstAbstention, second: d.secondAbstention, total: d.totalAbsIndicator }])).values()); svg.append("g") .selectAll("text.abstention") .data(abstentionByYear) .join("text") .attr("class", "abstention") .attr("x", width - margin.right) .attr("y", d => { // colocamos en el centro de las líneas correspondientes al año const candidatesInYear = flatData.filter(c => c.year === d.year); const firstY = yScale(`${candidatesInYear[0].name} (${d.year})`); const lastY = yScale(`${candidatesInYear[candidatesInYear.length - 1].name} (${d.year})`); return (firstY + lastY) / 2; }) .attr("text-anchor", "end") .attr("font-size", "10px") .attr("fill", "#555") .text(d => `Abst.: ${d.total.toFixed(1)}%`); svg.append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(xScale).ticks(5).tickFormat(d3.format(".2s"))); svg.append("g") .attr("transform", `translate(${margin.left - 10},0)`) .call(d3.axisLeft( d3.scaleOrdinal() .domain(flatData.map(d => `${d.name} (${d.year})`)) .range(flatData.map((_, i) => margin.top + i * 30)) )); return svg.node(); } 46:T85d,elections = [ { year: 2022, voters: 35000000, firstRoundAbstention: 55.50, secondRoundAbstention: 45.34, candidates: [ { name: "Gustavo Petro", firstRound: 8515148, secondRound: 11115885 }, { name: "Rodolfo Hernández", firstRound: 5893561, secondRound: 10580412 } ] }, { year: 2018, voters: 34000000, firstRoundAbstention: 52.23, secondRoundAbstention: 48.75, candidates: [ { name: "Iván Duque", firstRound: 7394991, secondRound: 10398186 }, { name: "Gustavo Petro", firstRound: 4851531, secondRound: 8042470 } ] }, { year: 2014, voters: 30000000, firstRoundAbstention: 53.33, secondRoundAbstention: 54.12, candidates: [ { name: "Óscar Iván Zuluaga", firstRound: 3900000, secondRound: 6894660 }, { name: "Juan Manuel Santos", firstRound: 3400000, secondRound: 7816684 } ] }, { year: 2010, voters: 28000000, firstRoundAbstention: 53.57, secondRoundAbstention: 51.79, candidates: [ { name: "Juan Manuel Santos", firstRound: 6802043, secondRound: 9000000 }, { name: "Antanas Mockus", firstRound: 3134222, secondRound: 4000000 } ] }, { year: 1998, voters: 22000000, firstRoundAbstention: 51.61, secondRoundAbstention: 45.45, candidates: [ { name: "Horacio Serpa", firstRound: 3647007, secondRound: 5900000 }, { name: "Andrés Pastrana", firstRound: 3613278, secondRound: 6000000 } ] }, { year: 1994, voters: 20000000, firstRoundAbstention: 70.93, secondRoundAbstention: 63.00, candidates: [ { name: "Ernesto Samper", firstRound: 2623210, secondRound: 3733366 }, { name: "Andrés Pastrana", firstRound: 2604771, secondRound: 3576781 } ] } ]; 47:T1d87,eleccionesColombia = [ { anio: 1994, poblacion: 37000000, votantesHabilitados: 20000000, primeraVuelta: { candidatos: [ { nombre: "Ernesto Samper", partido: "Partido Liberal Colombiano", votos: 2623210, porcentaje: 45.30 }, { nombre: "Andrés Pastrana", partido: "Nueva Fuerza Democrática", votos: 2604771, porcentaje: 44.98 } ], votosEnBlanco: 65116, votosNulos: 29999, totalVotantes: 5821331, abstencionismo: 70.93 }, segundaVuelta: { candidatos: [ { nombre: "Ernesto Samper", partido: "Partido Liberal Colombiano", votos: 3733366, porcentaje: 50.26 }, { nombre: "Andrés Pastrana", partido: "Nueva Fuerza Democrática", votos: 3576781, porcentaje: 48.15 } ], votosEnBlanco: 100000, votosNulos: 50000, totalVotantes: 7400000, abstencionismo: 63.00 } }, { anio: 1998, poblacion: 39000000, votantesHabilitados: 22000000, primeraVuelta: { candidatos: [ { nombre: "Horacio Serpa", partido: "Partido Liberal Colombiano", votos: 3647007, porcentaje: 34.59 }, { nombre: "Andrés Pastrana", partido: "Gran Alianza por el Cambio", votos: 3613278, porcentaje: 34.34 } ], votosEnBlanco: 122240, votosNulos: 79424, totalVotantes: 10664155, abstencionismo: 51.61 }, segundaVuelta: { candidatos: [ { nombre: "Andrés Pastrana", partido: "Gran Alianza por el Cambio", votos: 6000000, porcentaje: 50.3 }, { nombre: "Horacio Serpa", partido: "Partido Liberal Colombiano", votos: 5900000, porcentaje: 49.5 } ], votosEnBlanco: 150000, votosNulos: 60000, totalVotantes: 12000000, abstencionismo: 45.45 } }, { anio: 2002, poblacion: 41000000, votantesHabilitados: 24000000, primeraVuelta: { candidatos: [ { nombre: "Álvaro Uribe", partido: "Primero Colombia", votos: 5862655, porcentaje: 54.51 }, { nombre: "Horacio Serpa", partido: "Partido Liberal Colombiano", votos: 3514779, porcentaje: 32.68 } ], votosEnBlanco: 122240, votosNulos: 149123, totalVotantes: 11249734, abstencionismo: 53.13 }, segundaVuelta: null }, { anio: 2006, poblacion: 43000000, votantesHabilitados: 26000000, primeraVuelta: { candidatos: [ { nombre: "Álvaro Uribe", partido: "Primero Colombia", votos: 7397835, porcentaje: 62.35 }, { nombre: "Carlos Gaviria", partido: "Polo Democrático Alternativo", votos: 2613157, porcentaje: 22.02 } ], votosEnBlanco: 200000, votosNulos: 100000, totalVotantes: 12000000, abstencionismo: 53.85 }, segundaVuelta: null }, { anio: 2010, poblacion: 45000000, votantesHabilitados: 28000000, primeraVuelta: { candidatos: [ { nombre: "Juan Manuel Santos", partido: "Partido Social de Unidad Nacional", votos: 6802043, porcentaje: 46.67 }, { nombre: "Antanas Mockus", partido: "Partido Verde", votos: 3134222, porcentaje: 21.51 } ], votosEnBlanco: 300000, votosNulos: 150000, totalVotantes: 13000000, abstencionismo: 53.57 }, segundaVuelta: { candidatos: [ { nombre: "Juan Manuel Santos", partido: "Partido Social de Unidad Nacional", votos: 9000000, porcentaje: 69.1 }, { nombre: "Antanas Mockus", partido: "Partido Verde", votos: 4000000, porcentaje: 30.9 } ], votosEnBlanco: 250000, votosNulos: 100000, totalVotantes: 13500000, abstencionismo: 51.79 } }, { anio: 2014, poblacion: 47000000, votantesHabilitados: 30000000, primeraVuelta: { candidatos: [ { nombre: "Óscar Iván Zuluaga", partido: "Centro Democrático", votos: 3900000, porcentaje: 29.26 }, { nombre: "Juan Manuel Santos", partido: "Partido Social de Unidad Nacional", votos: 3400000, porcentaje: 25.67 } ], votosEnBlanco: 400000, votosNulos: 200000, totalVotantes: 14000000, abstencionismo: 53.33 }, segundaVuelta: { candidatos: [ { nombre: "Juan Manuel Santos", partido: "Partido Social de Unidad Nacional", votos: 7816684, porcentaje: 50.99 }, { nombre: "Óscar Iván Zuluaga", partido: "Centro Democrático", votos: 6894660, porcentaje: 48.22 } ], votosEnBlanco: 350000, votosNulos: 150000, totalVotantes: 14000000, abstencionismo: 54.12 } }, { anio: 2018, poblacion: 50000000, votantesHabilitados: 34000000, primeraVuelta: { candidatos: [ { nombre: "Iván Duque", partido: "Centro Democrático", votos: 7394991, porcentaje: 39.27 }, { nombre: "Gustavo Petro", partido: "Colombia Humana", votos: 4851531, porcentaje: 25.08 } ], votosEnBlanco: 600000, votosNulos: 400000, totalVotantes: 13000000, abstencionismo: 52.23 }, segundaVuelta: { candidatos: [ { nombre: "Iván Duque", partido: "Centro Democrático", votos: 10398186, porcentaje: 54.00 }, { nombre: "Gustavo Petro", partido: "Colombia Humana", votos: 8042470, porcentaje: 41.01 } ], votosEnBlanco: 800000, votosNulos: 300000, totalVotantes: 16000000, abstencionismo: 48.75 } }, { anio: 2022, poblacion: 51000000, votantesHabilitados: 35000000, primeraVuelta: { candidatos: [ { nombre: "Gustavo Petro", partido: "Pacto Histórico", votos: 8515148, porcentaje: 40.32 }, { nombre: "Rodolfo Hernández", partido: "Liga de Gobernantes Anticorrupción", votos: 5893561, porcentaje: 27.91 } ], votosEnBlanco: 700000, votosNulos: 300000, totalVotantes: 13000000, abstencionismo: 55.50 }, segundaVuelta: { candidatos: [ { nombre: "Gustavo Petro", partido: "Pacto Histórico", votos: 11115885, porcentaje: 50.44 }, { nombre: "Rodolfo Hernández", partido: "Liga de Gobernantes Anticorrupción", votos: 10580412, porcentaje: 47.51 } ], votosEnBlanco: 900000, votosNulos: 400000, totalVotantes: 16000000, abstencionismo: 45.34 } } ]; 48:[] 43:{"id":"9acd73cf0cf36016","slug":"diferencia-entre-primera-y-segunda-vuelta-en-elecc","title":"Diferencia entre primera y segunda vuelta en elecciones presidenciales de Colombia","thumbnail":"62a91ba302052e6335ac158df7aab2114fb150d2562fd30e7a2444796e59cd07","access_level":"public","create_time":"$D2025-04-17T20:27:58.100Z","update_time":"$D2025-04-18T00:11:04.981Z","view_time":null,"first_public_time":"$D2025-04-17T22:06:46.444Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c9c2971b3cddb730","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":"starter_2024","bio":"Media artist, web developer & designer."},"version":297,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"acfb887b295452f6","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":null,"bio":"Media artist, web developer & designer."}],"members":[{"type":"individual","id":"acfb887b295452f6","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":null,"role":"editor"},{"type":"team","id":"c9c2971b3cddb730","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Diferencia entre primera y segunda vuelta en elecciones presidenciales de Colombia","cells":[{"id":235,"value":"

Diferencia entre primera y segunda vuelta en elecciones presidenciales de Colombia

Entre 1994 a 2022

azul claro primera vuelta azul oscuro segunda vuelta e incluye si la abstención subío o bajo entre la primera y segunda ronda

\n\n

Diferencia de votos

\n 1M\n 2M\n 3M\n 4M\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"# Abstención Elecciones presidenciales en % diferencia entre 1ra y 2da vuelta\n## Entre 1994 a 2022","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":58,"value":"Plot.plot({\n x: {axis: null},\n y: {tickFormat: d => `${d}%`},\n color: {scheme: \"Blues\", legend: true},\n marks: [\n Plot.barY(flatData, {\n x: \"tipo\",\n y: \"abstencion\",\n fill: \"tipo\",\n fx: \"año\",\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"d3 = require(\"d3@7\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"flatData = eleccionesColombia.flatMap(d => {\n const primera = {\n \"año\": d.anio.toString(),\n year: d.anio,\n tipo: \"1ra vuelta\",\n abstencion: d.primeraVuelta.abstencionismo,\n enBlanco: Math.round((d.primeraVuelta.votosEnBlanco / d.primeraVuelta.totalVotantes) * 100) / 100\n };\n\n const segunda = d.segundaVuelta\n ? [{\n \"año\": d.anio.toString(),\n year: d.anio,\n tipo: \"2da vuelta\",\n abstencion: d.segundaVuelta.abstencionismo,\n enBlanco: Math.round((d.segundaVuelta.votosEnBlanco / d.segundaVuelta.totalVotantes) * 100) / 100\n }]\n : [];\n\n return [primera, ...segunda];\n});\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"*datos tomados de [wikipedia Elecciones_presidenciales_de_Colombia_de_2022](https://es.wikipedia.org/wiki/Elecciones_presidenciales_de_Colombia_de_2022)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 44:"$43:body"