Joined April 2019
107 Photos and videos
🇨🇴 ¿Cómo votó cada uno de los 1.189 municipios en las Elecciones Presidenciales de Colombia 2026? Visualización interactiva y en vivo: pasa el cursor, compara candidatos y filtra por departamento. Descubre quién ganó dónde 👇 johnguerra.co/viz/resultados… #Elecciones2026 #Colombia

ALT GIF animado titulado "Elecciones Presidenciales 2026 — ¿Cómo votamos en…?". Recorre, uno por cuadro, los siete departamentos con más votantes (Bogotá D.C., Antioquia, Valle del Cauca, Cundinamarca, Santander, Atlántico y Bolívar) y termina con todo el país. En cada cuadro, un gráfico de puntos muestra los municipios de ese territorio comparando a los dos punteros, Abelardo De La Espriella (naranja) e Iván Cepeda Castro (morado): cada punto se ubica por su porcentaje de votos, una línea une los dos puntos de cada municipio para mostrar la diferencia, y las bandas "Ganó Abelardo" y "Ganó Cepeda" agrupan los municipios según el ganador. El nombre del territorio se rotula en la parte superior. Cifras preliminares. Fuente: Registraduría Nacional.

4
5
15
450
Según los datos del escrutinio, Cepeda tiene potencial de sumar 267.390 votos vs 99.935 de De La Espriella, si la participación sube al 55% en municipios con baja asistencia (menos del 45%). Explóralo 👇 johnguerra.co/viz/resultados…
16
26
116
29,019
🇨🇴 ¿Cómo se visualiza una elección? Una historia interactiva: el mapa de Colombia se transforma paso a paso en 1.189 burbujas, una por municipio. Desliza para recorrerla y compara cada elección desde 1974 👇 johnguerra.co/viz/resultados… #Elecciones2026 #Colombia
2
17
119
7,798
Les comparto mi visualización de los resultados de las elecciones presidenciales de 2000 a 2020 en USA
Check out my visualization of US Presidential Election results (2000-2020)! 📊 johnguerra.co/viz/USElection… This @d3js_org scrollytelling explores why maps can be problematic for #dataviz. #USAElections

ALT Animation of my data visualization for the US presidential election results from 2000 to 2020. It shows a scrolly telling piece that starts with a choropleth map and then moves into a force simulation for better comparison

1
3
504
Encontré nuevos datos del @ICFEScol con los resultados de las pruebas Saber11 de 2021 a 2023, así que actualicé mi visualización observablehq.com/@john-guerr… Ahora pueden ver el desempeño sobre el tiempo de cada colegio para cada una de las áreas evaluadas. WIP

ALT Visualización del desempeño de los colegios Colombianos en las pruebas saber pro 11. Muestra varios diagramas con los puntajes medios por colegio para cada año y para las diferentes áreas de evaluación. Cada colegio es un círculo, su tamaño el número de estudiantes y una línea conecta los puntajes de cada año

3
613
🇨🇴 ¿Cuáles son los mejores colegios de Colombia según las pruebas saber11? Compara resultados por ciudad, año, tipo de puntaje y género 👉🏼 observablehq.com/@john-guerr… 👈🏼 Según #datosAbiertos del @ICFEScol 2018-2022. No encontré más actualizados 🤷🏼. @observablehq #educacion #dataviz
4
493
John Alexis Guerra Gomez retweeted
As a co-chair of inclusivity and diversity for @ieeevis, I'm helping gauge the needs of parents traveling to #IEEEVIS2024 with #VISKids 🐣 Please help us by completing and sharing this survey about your parenting needs: forms.gle/Y32ERe3wKAbBr7Zz7
10
10
1,417
Para los que quieran probar algoritmos de reducción de dimesionalidad 👇🏼
Do you want to test dimensionality reduction algorithms with your data? I made an interactive @observablehq notebook were you can try FastMap, UMAP, TSNE and more via Rene Cutura's #druidJS in a web worker (thnks @recifs) #dataviz #ML 👉🏼observablehq.com/@john-guerr…👈🏼

ALT DruidJS demo changing different dimensionality reduction methods

1
9
334
John Alexis Guerra Gomez retweeted
Plot: a custom format for the date axis observablehq.com/@recifs/plo… Muchas gracias @recifs por pensar en nosotros @rusosnith es-AR, @guerravis es-CO, ...etc.
1
1
2
282
John Alexis Guerra Gomez retweeted
#Colombia | 🏳️‍🌈🏳️‍⚧️ Tras el #MesdelOrgullo... 🤔📊 ¿Cómo se visibiliza con #datos la lucha contra crímenes de odio en 🇨🇴? 🔎🗺️ ¡Explora "Perfilar el Odio" de @baudoap! 💻 Checa esta cartografía sobre violencia sistemática contra personas #LGBTIQ ACÁ ➡️ bit.ly/B4UD0P30C0
3
17
919
John Alexis Guerra Gomez retweeted
12 Jun 2024
Observable Framework 1.9 🆕 is BIG! We now support JSX React ⚛️, and significantly improved inline expression ${…} parsing and rendering. github.com/observablehq/fram…
4
10
120
19,653
John Alexis Guerra Gomez retweeted
#México | 🗳️🇲🇽 Tras las #EleccionesMéxico2024... 🗺️ ¡Checa el visualizador de @MORLANmx! 🔍 Explora diferencias en votación entre @Claudiashein (2024) y @lopezobrador_ (2018) ℹ️ Cada ⭕️ muestra una sección electoral y quién obtuvo mayor % ➡️ bit.ly/SH31NB4UMvs4ML0
2
17
36
2,255
Les comparto las diapositivas de mi charla Inteligencia Artificial Centrada en el Humano como parte de las #JIHCI2024 jihci2024.utp.edu.co/ #HCI #dataviz docs.google.com/presentation…

5
15
1,194
Hola comunidad de #HCI en español, acá les comparto un navegador de papers de #chi2024 que hice para poder encontrar temas de interés
Are you also attending @acm_chi and need a map to help you navigate the thousands of papers? 📣 I made a #chi2024 paper explorer for you! Search by topic, drag to select regions and much more! 👉🏼 johnguerra.co/viz/chi2024Pap… 👈🏼

ALT CHI 2024 papers explorer showing different topics, including Virtual Reality, Accessibility, Visualization etc. The application shows a scatterplot showcasing the papers by their similarities and highlighting with color the relevant papers. It also has a list of selected papers that changes with each selection

2
9
701
John Alexis Guerra Gomez retweeted
Do you want edge-bundling on a force directed network visualization? I just added edge-bundling support to my reusable force directed graph #dataviz widget, which also features many other goodies such as canvas/svg rendering @observablehq @d3js_org 👉🏼 observablehq.com/@john-guerr… 👈🏼

ALT Example of the reusable force directed visualization of Les Miserables showcasing dynamic updates and edge bundling

5
19
1,071
Acá un ejemplo de como hacer una visualización de foco contexto en vega-lite API para JS
I just did a Vega Lite JS API example of an area chart focus context. I also included a comparison to the common vega-lite JSON specification for the histogram example. #dataviz @vega_vis See the @observablehq notebook here 👉🏼 observablehq.com/@vega/vega-… 👈🏼

ALT Animation of the focus plus context visualization showing two area charts and the user dragging over one of them to filter the other one

2
220
Acá tienen una librería reusable para visualizar redes con clusters
Do you want to visualize cluster hulls on a force directed node-link diagram? Here is a reusable @observablehq @d3js_org chart for you. Please try it and let me know what you think 🙏🏻. #dataviz 👉🏼 observablehq.com/@john-guerr… 👈🏼

ALT Animation of a force directed node link visualization with hulls for clusters. It shows the network number of nodes changing dynamically with smooth entering animations

5
218
En este momento estamos en webinar de la red #HCI Collab de latinoamerica, acá les cuento como pueden los expertos analizar sus propios datos usando #dataviz @KhouryVIS @KhouryCollege @Northeastern Streaming: youtube.com/watch?v=fr11AHQ9… Mi presentación: docs.google.com/presentation…
2
1
263