31:T520,title = { let renderedCandidates; const renderCandidateTitle = (c, i = 0, all = []) => { const scale = colors[c] || defaultColor; return htl.html`

${c} ${i < all.length - 1 ? "vs" : ""}

`; }; if (attr === "Ganador") { renderedCandidates = candidatesToCompare.map(renderCandidateTitle); } else if (attr === "Igual Tamaño") { renderedCandidates = ""; } else if (attr === "Total") { renderedCandidates = "por puesto"; } else { renderedCandidates = renderCandidateTitle(attr); } let mainHeader = ""; if (attr === "Ganador") { if (candidatesToCompare.length >= 1) { mainHeader = htl.html`

¿En donde ganó?

`; } else if (candidatesToCompare.length === 1) { mainHeader = htl.html`

Total de Votos

`; } else { mainHeader = htl.html`

Seleccione al menos un candidato

`; } } else { if (attr === "Igual Tamaño") { mainHeader = htl.html`

Todos los puestos

`; } else { mainHeader = htl.html`

Total de Votos

`; } } return htl.html`

${mainHeader} ${renderedCandidates}

`; }32:T44b,footer = { return htl.html`

Según datos de la MOE
John Alexis Guerra Gómez @guerravis @duto_guerra
${ mywidth > 800 ? htl.html`https://johnguerra.co/viz/resultadosPrimeraVuelta2022Bogota/` : "" }

`; }33:T56e,update = { // const path = mapC.path; // const dots = mapC.dots; // const map = mapC.map; // const hoverObj = mapC.hoverObj; votingPosts.features = votingPosts.features.map((d) => { d.foci = mapC.path.centroid(d); const candidatesVotes = candidatesToCompare.map((c) => d.data[c]); d.data.iWinner = d3.maxIndex(candidatesVotes); d.data.Ganador = candidatesVotes[d.data.iWinner]; // if (d.data) { // d.data.r = d.data[attrR]; // } else { // console.log("data is undefined", d); // } return d; }); const features = includeCorferias ? votingPosts.features : votingPosts.features.filter( (d) => d.properties.PVONOMBRE !== "CORFERIAS" ); mapC.features = features; mapC.simulation && mapC.simulation.alpha(0.3).restart(); mapC.fill = selectiveColorScale; rScale .domain([ 0, d3.max( includeCorferias ? bogotaByPost : bogotaByPost.filter((d) => d.Num_puesto !== 1 && d.Zona !== 90), (d) => d["Gustavo Petro"] ) ]) .range([1, maxR]); mapC.r = (d) => d.data && rScale(d?.data[attrR.attr]); // mapC.delay = (d, i) => d.foci[0] * 2; mapC.delay = (d, i) => i * 1; // mapC.width = mywidth; // mapC.height = myheight; mapC.update(); // console.log("map update", attrR.attr, features.length, "myheight", myheight); // return update; }34:[{"id":"473695f6dd58486daa895f75336daf897850b081db1fe7f0ff2e81ea25be7969aa017609749baaeb346d9377bfb4d6251ea884b87aa0c1112ce97cb1a2d4843c","href":"https://static.observableusercontent.com/files/473695f6dd58486daa895f75336daf897850b081db1fe7f0ff2e81ea25be7969aa017609749baaeb346d9377bfb4d6251ea884b87aa0c1112ce97cb1a2d4843c","name":"Bogota_puestos_de_votacion_2022.geojson","type":"application/geo+json","lastModified":1654457813637.562,"size":339606},{"id":"d5837fe8d8ea46298b24862dead0929bf871476188754b582c6f3d553c3c62bb0bc5e558ef2c2c6f6ee07669d2252f9d0d5b744d41f2dfed6f7ec25b709abd8c","href":"https://static.observableusercontent.com/files/d5837fe8d8ea46298b24862dead0929bf871476188754b582c6f3d553c3c62bb0bc5e558ef2c2c6f6ee07669d2252f9d0d5b744d41f2dfed6f7ec25b709abd8c","name":"Escrutinios-primera-vuelta-presidencial-bogota_agregados_por_puesto.csv","type":"text/csv","lastModified":1654471546125.58,"size":81813},{"id":"9bea9897d6c247fbbc8df19e3ad6d149da1716f2730206911fd4ec7fdbd4c18d666caa33deffd951a9bfacc0d39e56ae440e76e33da82d942af11c8a2fc27fc7","href":"https://static.observableusercontent.com/files/9bea9897d6c247fbbc8df19e3ad6d149da1716f2730206911fd4ec7fdbd4c18d666caa33deffd951a9bfacc0d39e56ae440e76e33da82d942af11c8a2fc27fc7","name":"Escrutinios-primera-vuelta-presidencial-bogota_agregados_por_puesto@1.csv","type":"text/csv","lastModified":1654710659976.802,"size":82717},{"id":"7685bd5875d755cc49a2debd2228f3b08519e3c9dfae9e73bb5d60c6f5abb158d43ab32fc7838e2dff496f0d5db4e2c8e8788e0ea82cb3e1fa19876c482026d2","href":"https://static.observableusercontent.com/files/7685bd5875d755cc49a2debd2228f3b08519e3c9dfae9e73bb5d60c6f5abb158d43ab32fc7838e2dff496f0d5db4e2c8e8788e0ea82cb3e1fa19876c482026d2","name":"Escrutinios-primera-vuelta-presidencial-bogota_agregados_por_puesto@2.csv","type":"text/csv","lastModified":1654731626413.799,"size":82717}] 2f:{"title":"Resultados de las Elecciones Presidenciales en Bogotá 2022 por Puestos de Votación","cells":[{"id":0,"value":"# Resultados de las Elecciones Presidenciales en Bogotá 2022 por Puestos de Votación\n\n¿Quién ganó las elecciones de primera vuelta en Bogotá por puestos? Basado en datos descargados de la [Misión de Observación Electoral](https://www.moe.org.co/en/datos-del-escrutinio-elecciones-presidenciales-2022-primera-vuelta-primer-avance-datos-con-corte-al-1-de-junio-de-2022/) de Junio 1 de 2022.\n\nSeleccione los candidatos que desea comparar, o mira la [historia animada](https://johnguerra.co/viz/resultadosPrimeraVuelta2022Bogota/)","pinned":false,"hidden":false,"mode":"md"},{"id":896,"value":"viewof candidatesToCompare = Inputs.checkbox(candidates.slice(0, 11), {\n label: \"Candidatos a comparar\",\n value: this?.value || candidates.slice(0, 4),\n disabled: attr !== \"Ganador\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":997,"value":"chart = htl.html`

${viewof mapC}${title}${footer}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"colorLegend = {\n if (Object.keys(colors).includes(attr)) {\n // one of the candidates\n return legend({ color: colors[attr], title: attr, width: mywidth * 0.9 });\n } else if (attr === \"Ganador\") {\n // scale = colors[candidates[d.data.iWinner]];\n return htl.html`${Object.keys(colors)\n .filter((c) => c === \"Otros\" || candidatesToCompare.includes(c))\n .map((c) => legend({ color: colors[c], title: c, width: mywidth * 0.25 }))\n .map(\n (l) =>\n htl.html`${l}`\n )}`;\n } else {\n return legend({ color: defaultColor, title: attr, width: mywidth * 0.9 });\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":336,"value":"viewof maxR = Inputs.range([0, 50], {\n label: \"Radio\",\n value: this?.value || Math.max(6, mywidth > 600 ? 11 : 9),\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"viewof attr = Inputs.select([\"Ganador\", ...candidates], {\n value: \"Ganador\",\n label: \"Color\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":392,"value":"viewof attrR = {\n // console.log(\"attrR\", this?.value.active);\n const sameAsColor = Inputs.toggle({\n label: \"Tamaño igual que el color\",\n value: this?.value?.active !== undefined ? this.value.active : true\n });\n\n const attrR = Inputs.select(candidates, {\n value: this?.value?.attr || \"Total\",\n label: \"Tamaño\"\n });\n const target = htl.html`

${sameAsColor}\n \n

`;\n\n function set() {\n target.querySelector(\"#attrR\").style.display = sameAsColor.value\n ? \"none\"\n : \"block\";\n if (sameAsColor.value) {\n target.value = {\n active: sameAsColor.value,\n attr\n };\n } else {\n target.value = {\n active: sameAsColor.value,\n attr: attrR.value\n };\n }\n\n target.dispatchEvent(new Event(\"input\", { bubbles: true }));\n }\n\n sameAsColor.addEventListener(\"input\", set);\n attrR.addEventListener(\"input\", set);\n\n set();\n return target;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":443,"value":"viewof includeCorferias = Inputs.toggle({\n label: \"Incluir Corferias\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":817,"value":"viewof collide = Inputs.toggle({\n label: \"Evitar superposición de círculos\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1009,"value":"viewof colorAdjust = Inputs.range([0, 1], {\n label: \"Ajustar Color\",\n value: 0.2,\n step: 0.01\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1000,"value":"viewof mapC = mapboxD3({\n d3Background: \"#f4ebc97d\",\n features: votingPosts.features,\n mapboxOptions: {\n // Bogotá 4.7110° N, 74.0721° W\n center: [-74.1221, mywidth > 600 ? 4.631 : 4.651],\n zoom: mywidth > 600 ? 10.5 : 9.8,\n style: \"mapbox://styles/jguerrag/cjuerw13z2vja1fndc9wzk7eo\",\n scrollZoom: mywidth > 600 ? true : false,\n maxBounds: [\n [-75.36349309199994, 3.98574147100004],\n [-73.51973278599996, 5.823891889000038]\n ]\n },\n r: (d) => rScale(d?.data?.value),\n id: (d) => d.properties.OBJECTID,\n height: myheight,\n width: mywidth,\n collide,\n alphaRestart: 0.9,\n parentInvalidation: invalidation,\n stroke: \"white\",\n strokeWidth: 0.5\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":902,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":1145,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":1087,"value":"mywidth = width","pinned":true,"hidden":false,"mode":"ojs"},{"id":1096,"value":"myheight = mywidth * (mywidth > 600 ? 0.7 : 1.4)","pinned":true,"hidden":false,"mode":"ojs"},{"id":654,"value":"rScale = d3.scaleSqrt().domain(defaultDomain).range([0, 30])","pinned":true,"hidden":false,"mode":"ojs"},{"id":194,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":242,"value":"function tipcontent(_d) {\n const d = _d.data;\n return htl.html`\n

${d.Puesto} ${d.num_mesas} mesas

\n \n ${candidates\n .filter((d) => d !== \"Igual Tamaño\")\n .map(\n (c) =>\n htl.html` \n `\n )}\n

${c}	${fmtN(d[c])}

`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":356,"value":"function selectiveColorScale(d) {\n if (d.data === undefined) {\n console.log(\"undefined data\", d);\n return;\n }\n let scale = defaultColor;\n if (Object.keys(colors).includes(attr)) {\n // one of the candidates\n scale = colors[attr];\n } else if (attr === \"Ganador\") {\n scale = colors[candidatesToCompare[d.data.iWinner]];\n }\n // console.log(scale(d.data[attr]), d);\n return scale ? scale(d.data[attr]) : defaultColor(d.data[attr]);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":175,"value":"r = d3\n .scaleSqrt()\n .domain(defaultDomain)\n .range([1, maxR])","pinned":true,"hidden":false,"mode":"ojs"},{"id":717,"value":"defaultDomain = [\n 0,\n d3.max(\n bogotaByPost.filter((d) => d.Num_puesto !== 1 && d.Zona !== 90),\n (d) => d[\"Total\"] * 1.2\n )\n // d3.max(\n // includeCorferias\n // ? bogotaByPost\n // : bogotaByPost.filter((d) => d.Num_puesto !== 1 && d.Zona !== 90),\n // (d) => d[\"Gustavo Petro\"]\n // )\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1017,"value":"// bogotaByPost.filter((d) => d.Puesto.indexOf(\"PUESTO CENSO\") !== -1)\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":178,"value":"defaultColor = d3\n .scaleSequential(adjustInterpolator((t) => d3.interpolateInferno(1 - t)))\n .domain(defaultDomain)","pinned":true,"hidden":false,"mode":"ojs"},{"id":271,"value":"colors = ({\n \"Gustavo Petro\": d3\n .scaleSequential(adjustInterpolator(d3.interpolateReds))\n .domain(defaultDomain),\n \"Rodolfo Hernández\": d3\n .scaleSequential(adjustInterpolator(d3.interpolatePuRd))\n .domain(defaultDomain),\n \"Federico Gutiérrez\": d3\n .scaleSequential(adjustInterpolator(d3.interpolateBlues))\n .domain(defaultDomain),\n \"Sergio Fajardo\": d3\n .scaleSequential(adjustInterpolator(d3.interpolateGreens))\n .domain(defaultDomain),\n Otros: defaultColor\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":942,"value":"adjustInterpolator = (t) => (d) => t(croppedScale(d))","pinned":true,"hidden":false,"mode":"ojs"},{"id":945,"value":"croppedScale = d3.scaleLinear().domain([0, 1]).range([colorAdjust, 1])","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"mutable hovered = null","pinned":true,"hidden":false,"mode":"ojs"},{"id":124,"value":"mapBogotaByPost = new Map(bogotaByPost.map((d) => [getKey(d), d]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":125,"value":"function getKey(d) {\n return fmt2(d.Zona) + fmt3(d.Num_puesto);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":153,"value":"function getKeyPost(d) {\n return fmt2(d.properties.LOCCODIGO) + fmt3(d.properties.PVONPUESTO);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"fmt2 = d3.format(\"02d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1038,"value":"fmt3 = d3.format(\"03d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":143,"value":"fmtN = d3.format(\",d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"candidates = [\n \"Gustavo Petro\",\n \"Federico Gutiérrez\",\n \"Rodolfo Hernández\",\n \"Sergio Fajardo\",\n \"John Milton Rodríguez\",\n \"Luis Pérez\",\n \"Enrique Gómez\",\n \"Ingrid Betancourt\",\n \"Votos en Blanco\",\n \"Votos no Marcados\",\n \"Votos Nulos\",\n \"Total\",\n \"Igual Tamaño\"\n]\n\n// candidates = Object.keys(bogotaByPost[0]).slice(7).filter(d => d!==\"iWinner\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":88,"value":"infoCols = Object.keys(bogotaByPost[0]).slice(0, 6)","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"import { navio } from \"@john-guerra/navio\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":121,"value":"bogotaByPost = FileAttachment(\n \"Escrutinios-primera-vuelta-presidencial-bogota_agregados_por_puesto@2.csv\"\n)\n .csv({ typed: true })\n .then((res) => {\n const candidates = Object.keys(res[0]).slice(7);\n for (let d of res) {\n d.Total = candidates.reduce((p, c) => p + d[c], 0);\n d[\"Igual Tamaño\"] = 1000;\n // done in update now\n // d.iWinner = d3.maxIndex(candidates.map((c) => d[c]));\n // d.Ganador = candidates.map((c) => d[c])[d.iWinner];\n }\n return res;\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"votingPosts = FileAttachment(\"Bogota_puestos_de_votacion_2022.geojson\")\n .json()\n .then((res) => {\n for (let d of res.features) {\n d.data = mapBogotaByPost.get(getKeyPost(d));\n if (d.data) d.data.value = d.data[\"Gustavo Petro\"];\n }\n res.features = res.features.sort((a, b) => d3.descending(a.Total, b.Total));\n return res;\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl\");\n if (!gl.accessToken) {\n gl.accessToken =\n \"pk.eyJ1Ijoiamd1ZXJyYWciLCJhIjoiY2pueW9uMGhzMDA3NDN3bXp5b2Rqbzk1YiJ9.3scgV-j4d394mvOUqtz1XQ\";\n const href = await require.resolve(\"mapbox-gl/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":223,"value":"import { legend } from \"@john-guerra/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":515,"value":"tippytheme = \"light\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":729,"value":"import { mapboxD3, link } with {\n tipcontent,\n tippytheme\n} from \"@john-guerra/mapbox-d3\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":799,"value":"link","pinned":true,"hidden":false,"mode":"ojs"},{"id":1323,"value":"d3 = require(\"d3@7.6\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}