🇨🇴 ¿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.
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…
🇨🇴 ¿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
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
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
ALT Ranking de los mejores colegios de Bogotá según las pruebas saber11 2022. Muestra un gráfico con los colegios en el eje vertical y el puntaje global saber 11 en el horizontal. Los resultados de cada estudiante se presentan con un círculo, mientras que la media de los colegios está con una barra. Se separan los valores por género.
Top colegios Bogotá:
LICEO CAMPO DAVID
COL NUEVO COLOMBO AMERICANO
COLEGIO ANGLO AMERICANO
COL SAN JORGE DE INGLATERRA
COLEGIO CALATRAVA
GIMNASIO VERMONT
COL MONTESSORI BRITISH SCHO…
COLEGIO NUEVA INGLATERRA BILI…
GIMN ALESSANDRO VOLTA
COLEGIO SAN CARLOS
COLEGIO SAN MATEO APOSTOL BI…
INSTITUTO ALBERTO MERANI
COLEGIO REUVEN FEUERSTEIN
COLEGIO BILINGÜE ABRAHAM LIN…
COL LOS NOGALES
GIMNASIO COLOMBO BRITANICO - …
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
#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
Observable Framework 1.9 🆕 is BIG! We now support JSX React ⚛️, and significantly improved inline expression ${…} parsing and rendering. github.com/observablehq/fram…
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
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
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
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