Sign in

John Alexis Guerra Gomez

@johnguerra.bsky.social
560 followers 371 following 50 posts

Associate Teaching Professor Northeastern University, KhouryVis member Research on #dataviz #a11y Co-creator btactile.com navio.dev duto.org johnguerra.co

PostsRepliesMedia
Reposted by John Alexis Guerra Gomez
Karim Douieb @karimdouieb.bsky.social · 06/10/2026
For most of history, the world was a pyramid. Now it's flipping. Pyramid Scheme: every country's population by age, 1950 → 2100, in 2D and 3D. Spin the globe, pick a country. pyramid.klet.app #dataviz #populationPyramid
082
Reposted by John Alexis Guerra Gomez
Accessibility Awareness @a11yawareness.bsky.social · 15/07/2026
Chartability is a resource to help make data visualizations and charts more accessible. It's organized into principles with testable criteria aimed at making sure people with disabilities are able to access data. chartability.fizz.studio
chartability.fizz.studio
Chartability
Chartability is a set of heuristics (testable questions) for ensuring that data visualizations, systems, and interfaces are accessible. Chartability is organized into principles with testable…
0135
Reposted by John Alexis Guerra Gomez
Carey Barry @cbarrypa.bsky.social · 02/07/2026
Ever wonder how a website works? Check out my video breaking down the basics as a student in Website Development at Northeastern with @johnguerra.bsky.social 🎥 youtu.be/2ZyvHGNYLB4?...
youtu.be
Website Development
YouTube video by C Barry
021
John Alexis Guerra Gomez @johnguerra.bsky.social · 11/06/2026
According to official results, Cepeda has the potential to add 267,390 votes vs 99,935 for De La Espriella, if turnout rises to 55% in municipalities that had low participation (under 45%). Explore it 👇 johnguerra.co/viz/resultad... #Colombia #DataViz #Elections2026
020
John Alexis Guerra Gomez @johnguerra.bsky.social · 09/06/2026
🇨🇴 How do you visualize an election? A scroll-driven story: Colombia's map morphs step by step into 1,189 bubbles, one per municipality. Scroll through it and compare every presidential race since 1974 👇 johnguerra.co/viz/resultad... #Colombia #DataViz
1206
John Alexis Guerra Gomez @johnguerra.bsky.social · 01/06/2026
🇨🇴 How did each of Colombia's 1,189 municipalities vote in the Colombian Presidential Election 2026? A live, interactive visualization: hover any dot, compare candidates head to head, and filter by department. Find out who won where 👇 johnguerra.co/viz/resultad... #Colombia #Elections2026 #DataViz
020
Reposted by John Alexis Guerra Gomez
Observable @observablehq.com · 20/05/2026
In this notebook, @laotzunami.bsky.social visualizes a state space of possible chart types and transitions among them along defined edges. Transitions between unconnected types are achieved by routing through intermediate types. observablehq.com/d/3c8b082818...
212627
John Alexis Guerra Gomez @johnguerra.bsky.social · 10/04/2026
The CHI Papers Explorer is back for #CHI2026! As every year, you can explore all 2,769 papers using semantic search. Type any topic, see papers ranked by relevance, and build your schedule. Try it and please share with everyone heading to Barcelona: johnguerra.co/viz/chi2026P... @chi.acm.org #HCI
0269
John Alexis Guerra Gomez @johnguerra.bsky.social · 19/02/2026
Nice opinion piece on the state of ai coding www.nytimes.com/2026/02/18/o...
nytimes.com
Opinion | The A.I. Disruption We’ve Been Waiting for Has Arrived
000
Reposted by John Alexis Guerra Gomez
Ansgar Wolsing @ansgarw.bsky.social · 24/11/2025
There are 10.990 municipalities in Germany. From Berlin to the smallest municipality. All their names are shown in this map. The 50 largest cities’ names appear one after the other, after that they appear in chunks of increasing size. #30DayMapChallenge Day 24: Places and their names #ggplot2
2414
Reposted by John Alexis Guerra Gomez
Voilà: Francis Gagnon @chezvoila.com · 24/11/2025
The bats are a surprise. 📊 By @ourworldindata.org
The distribution of the world's wild land mammal biomass
Our World in Data
Biomass is the total weight of each animal group. It's calculated by multiplying an estimate of the total number of individuals by their average mass. Shown is each group's share of global wild mammal biomass on land.

Rodents (16%)
Squirrels, mice, beavers

Even-hoofed mammals (49%)
Deer, boars, warthogs, camels, hippos and giraffes

Odd-hoofed mammals (1%)
Rhinos, zebras, wild horses

Bats (7%)

Elephants (8%)

Marsupials (7%)
Kangaroos, koalas, wombats
Rabbits and hares (1%)

Primates (4%)
Monkeys, apes

Carnivores (3%)
Lions, tigers, bears

Other (4%)
e.g. pangolins, hedgehogs, sloths


Note: Wild mammal biomass estimates come with substantial uncertainty; some groups have poor population records, and are therefore estimated based on modelling from factors such as the range size of particular animals, and extrapolations of densities from more localized studies.
Data source: Lior Greenspoon et al. (2023). The global biomass of wild mammals. PNAS.
OurWorldinData.org — Research and data to make progress against the world's largest problems. Licensed under CC-BY by the authors Hannah Ritchie and Fiona Spooner.
193
John Alexis Guerra Gomez @johnguerra.bsky.social · 22/11/2025
Loved this opinion piece calling for algorithms that support humans instead of advertisers. Create art not content youtube.com/watch?v=EO14...
youtube.com
I’m Building an Algorithm That Doesn’t Rot Your Brain
YouTube video by New York Times Opinion
130
John Alexis Guerra Gomez @johnguerra.bsky.social · 02/11/2025
My #IEEEVIS 2025 paper explorer is live! 🎉 👉 johnguerra.co/viz/ieeevis2... 👈 An interactive #dataviz to explore 300+ papers by similarity. Perfect for: ✨ Discovering papers related to your interests ✨ Planning which sessions to attend ✨ Creating your own paper list (new!) Pls help me distribute it
13110
John Alexis Guerra Gomez @johnguerra.bsky.social · 31/05/2025
Very interesting what you can do now with Visual Studio Code + Github Copilot Agent mode. Nice tutorial here by @burkeholland.bsky.social www.youtube.com/watch?v=duty...
youtube.com
VS Code Agent Mode Just Changed Everything
YouTube video by Visual Studio Code
260
John Alexis Guerra Gomez @johnguerra.bsky.social · 24/05/2025
What a great summary history of JavaScript by deno deno.com/blog/history...
deno.com
A brief history of JavaScript | Deno
In 30 years, JavaScript went from being a little scripting language to one of the world's most popular. Here are key moments to show how it has evolved and where it is headed.
0101
Reposted by John Alexis Guerra Gomez
Soph Warnes @thatsoph.bsky.social · 30/04/2025
Thrilled to have played a part in this excellent story about the stock market during Trump's first 100 days www.cnn.com/interactive/...
Trump holding a board showing reciprocal tariffs next to an illustration labelled "Trump's 'liberation day'". A stock market graph is in the background
1115
John Alexis Guerra Gomez @johnguerra.bsky.social · 26/04/2025
To help me keep track of the #chi2025 papers that I don't want to miss I made this quick prototype: 👉🏼 johnguerra.co/viz/chi2025P... 👈🏼 * Search by semantic content * Aggregate multiple searches * Find papers by authors, institutions, types, awards... * Quickly check where to go from your 📲
041
Reposted by John Alexis Guerra Gomez
Frank Elavsky (he/him) ⌁ @frank.computer · 23/04/2025
I wrote about the data-to-ink ratio and a new game I've invented called "ink golf" for data visualization. I hope you enjoy: www.frank.computer/blog/2025/04...
frank.computer
Minimalism and the absurdity of the data-to-ink-ratio
How much minimalism is too much minimalism? I explore this question and propose the most minimalist, highest scoring data-to-ink ratio on a visualization ever made as a thought piece. Why? Well novice...
106823
John Alexis Guerra Gomez @johnguerra.bsky.social · 16/04/2025
Here is my #chi2025 paper explorer. Visually explore papers by similarity, search for an specific topic or even find what specific sessions to attend. Please let me know what you think! #dataviz @chi.acm.org 👉🏼 johnguerra.co/viz/chi2025P... 👈🏼
2254
Reposted by John Alexis Guerra Gomez
vinaldsouza.bsky.social @vinaldsouza.bsky.social · 15/04/2025
For @johnguerra.bsky.social's @northeasternu.bsky.social #ProgramDesignParadigms class I built an @observablehq reactive widget that lets users upload labeled photos and preview them! 📸 Great for family trees or user profiles. 👉 See demo: observablehq.com/@vinal-dsouz...
001
Reposted by John Alexis Guerra Gomez
Ari @ari-s-123.bsky.social · 15/04/2025
For @johnguerra.bsky.social's @northeasternu.bsky.social #ProgramDesignParadigms class, I built an @observablehq.com reactive input widget that allows selecting complex data objects from a custom list. See demo -> observablehq.com/d/1f822423aa...
observablehq.com
SelectableListWidget
Selected Narrative: ** ** Documentation What it Does: The `SelectableListWidget` is a reusable Observable reactive widget designed to display a list of complex data items (JavaScript objects)....
011
Reposted by John Alexis Guerra Gomez
Zijie Zhao @zijiezhao.bsky.social · 15/04/2025
For @johnguerra.bsky.social @northeasternu.bsky.social #ProgrammingParadigms class I built an @observablehq.com reactive input that allows users to plan their events efficiently and easily. See demo-> observablehq.com/@ryans-works...
observablehq.com
Event Planner
📘 Event Planner – Reactive Weekly Event Scheduler What it does Event planning is an important thing in our life, so we need a light and powerful tool to plan our event. The weeklyPlanner is a custom r...
001
Reposted by John Alexis Guerra Gomez
Tiantian Ma @matianti.bsky.social · 15/04/2025
For @johnguerra.bsky.social's @northeasternu.bsky.social #ProgramDesignParadigms class I built an @observablehq.com reactive input that allows users to log an emotion associated with a selected activity. See demo -> observablehq.com/@tian5252/em...
observablehq.com
EmotionLogger
CS5010 Homework5 - Emotion Logger Widget 1. What it does This is an Emotion Logger widget that allows users to: Select an emotion (with emoji), Choose a related activity (from a database), Specify the...
001
Reposted by John Alexis Guerra Gomez
shuhandong.bsky.social @shuhandong.bsky.social · 15/04/2025
For @johnguerra.bsky.social's @northeasternu.bsky.social #ProgramDesignParadigms class I built an observablehq.com reactive(MiningMonitorWidget) input that allows users to filter mining machine data by status and visualize summaries in real time. See demo->https://observablehq.com/d/17ad2f133c3f874a
observablehq.com
Observable: Explore and visualize data togetherLinkedInTwitterGitHubYouTubeLinkedInTwitterGitHubYouTube
Observable's collaborative data canvas helps you explore data, perform analysis, and build expressive charts and dashboards.
021
Reposted by John Alexis Guerra Gomez
Zih-Yuan Luo @yuan-neu.bsky.social · 15/04/2025
For @johnguerra.bsky.social's @northeasternu.bsky.social #ProgramDesignParadigms class I built an @observablehq.com reactive input that allows user to seamlessly integrate Bluesky post into their notebook with a single URL. See demo -> observablehq.com/@luozihyuan/...
observablehq.com
Bluesky Post Viewer
Data scientists and researchers waste valuable time copying text from Bluesky posts or wrestling with complex API calls just to reference social conversations in their work. Bluesky Post Viewer cuts t...
001
Reposted by John Alexis Guerra Gomez
jonathantarun.bsky.social @jonathantarun.bsky.social · 15/04/2025
For @johnguerra.bsky.social @northeastern.bsky.social #ProgramDesignParadigms class, I built an @observablehq.com reactive input that allows users to filter fifa player data interactively. See demo --> observablehq.com/d/2ea3948c8e...
observablehq.com
Reactive Widget FIFA 22
FilterWidget is a custom reactive input widget built for ObservableHQ that enables users to interactively filter football player data. It allows for multiple selection options—via checkboxes and range...
001
Reposted by John Alexis Guerra Gomez
Lang Min @langminneu.bsky.social · 15/04/2025
For @johnguerra.bsky.social @northeasternu.bsky.social #ProgrammingParadigms class, I built a @observablehq.com reactive widget allowing users to upload a photo and add tags. Here is the demo: observablehq.com/@lang-min-ne...
observablehq.com
Photo Tag Adder
Description Photo Tag Adder is a simple program that allows users to upload a picture at a time and attach tags to it. What it does This widget allows users to select and upload one image at a time en...
001
Reposted by John Alexis Guerra Gomez
Data Visualization Society @datavizsociety.bsky.social · 07/04/2025
Gain hands-on experience and learn data viz best practices at Outlier 2025. Early bird rates end on April 30. Register here: buff.ly/bUQHpFY
011
Reposted by John Alexis Guerra Gomez
jonathan zong @jonathanzong.com · 31/03/2025
Tactile charts are an important tool for conveying data to blind and low vision people via embossed paper. However, tactile charts require high levels of time and expertise to design. Introducing Tactile Vega-Lite, new work at #CHI2025 led by MIT SM student Katie Chen news.mit.edu/2025/making-...
news.mit.edu
A new way to make graphs more accessible to blind and low-vision readers
Designed to help blind and low-vision readers understand graphics, the “Tactile Vega-Lite” system from MIT CSAIL converts data into a standard visual graph and a tactile chart. Accessibility standards...
23215
John Alexis Guerra Gomez @johnguerra.bsky.social · 04/04/2025
Very nice @ray-zou.bsky.social 👏 You beat me to it jajaja johnguerra.co/viz/chi2025P...
110
John Alexis Guerra Gomez @johnguerra.bsky.social · 29/03/2025
Do you want to explore your own @ieeevis.bsky.social co-authors and citations networks? Check out my latest #dataviz 👉🏼 johnguerra.co/viz/visPubNe... 👈🏼 I'm showing the @northeasternu.bsky.social VIS Lab professors network, and the overall authors with more than 20 collaborations. Create your own!
1104
John Alexis Guerra Gomez @johnguerra.bsky.social · 07/03/2025
Here is an @observablehq.com notebook I'm doing a demo on observablehq.com/d/6e7d9d61cc...
observablehq.com
Observable Notebook Demo
031
John Alexis Guerra Gomez @johnguerra.bsky.social · 07/03/2025
In minutes I'll be starting my talk Interactive Information Visualization: Unleashing the Power of Visual Data Exploration at the #RiceVCS Please check my slides for tons of links here johnguerra.co/viz/slides/I...
Interactive Information Visualization: Unleashing the power of Visual Data Exploration Title Slide. VisLab and Northeastern Logo on the right. Photo of John Alexis Guerra Gomez with http://johnguerra.co link
060
John Alexis Guerra Gomez @johnguerra.bsky.social · 06/03/2025
📢 Shout-out for @northeasternu.bsky.social Michelle Borking's research at the #RiceVCS 👏👏👏
Photo of a slide showing and icon chart from Ann Emery. Title not just pie charts
010
John Alexis Guerra Gomez @johnguerra.bsky.social · 26/02/2025
Do you want to animate a @vega-vis.bsky.social vega-lite or @observablehq.com Plot chart? Here is a quick experiment that might help you that animates between two SVGs. Let me know what you think! #dataviz. 👉🏼 observablehq.com/@john-guerra...
1237
John Alexis Guerra Gomez @johnguerra.bsky.social · 26/02/2025
How many attributes can you visualize in one chart? A little experiment on multi dimensional #dataviz that I made for a talk 👉🏼 observablehq.com/@john-guerra...
082
John Alexis Guerra Gomez @johnguerra.bsky.social · 28/01/2025
Great article on animation for #dataviz by @eagereyes.org and @allisonhorst.bsky.social from @observablehq.com 👏🏻 observablehq.com/blog/effecti...
observablehq.com
Five ways to effectively use animation in data visualization
Animation can be a distraction in data visualization. Or, when applied effectively, it can enhance user engagement, reveal trends, and help viewers track patterns across metrics. Here are five ways to...
2357
John Alexis Guerra Gomez @johnguerra.bsky.social · 26/01/2025
One of my students wanted to use an online image on her page. I challenged her to recreate it with code... and couldn't resist doing my own #generativeArt experiment 😝 observablehq.com/@john-guerra...
010
Reposted by John Alexis Guerra Gomez
Niklas Elmqvist @nelmqvist.bsky.social · 22/01/2025
DashSpace, our platform for web-based collaborative immersive & ubiquitous analytics, is on GitHub: github.com/Webstrates/D... Paper w/ Marcel Borowski, @pwsbutcher.bsky.social, Janus Bager Kristensen, Jonas Oxenbøll Petersen, @ritsosp.bsky.social, @clemens.klokmose.net + me just accepted to TVCG!
github.com
GitHub - Webstrates/DashSpace: A Live Collaborative Platform for Immersive and Ubiquitous Analytics
A Live Collaborative Platform for Immersive and Ubiquitous Analytics - Webstrates/DashSpace
0147
Reposted by John Alexis Guerra Gomez
Moritz Stefaner / Truth & Beauty @moritzstefaner.bsky.social · 12/12/2024
T'is the season to wrap up your projects, so… here's a little write-up on an extensive 🎵 audio → ✏️ transcription journey with @miskaknapek.bsky.social for the Data Stories podcast! observablehq.com/@moritzstefa...
observablehq.com
Data Stories Podcast: Transcriptions
Data Stories is a podcast on data, visualization, and the many ways data affects our lives. Hosted by Enrico Bertini and Moritz Stefaner, the podcast gathered ** guests** in ** episodes**, totalling...
2287
Reposted by John Alexis Guerra Gomez
Dominik Moritz @domoritz.de · 11/12/2024
Really cool that Google is demoing Gemini 2 tool use with @vega-vis.bsky.social: www.youtube.com/watch?v=EVze.... Vega-Lite and Altair are really useful for powering AI chart generation because they are fully declarative and there seems to be sufficient training data in the wild.
youtube.com
Building with Gemini 2.0: Native tool use
YouTube video by Google for Developers
0235
John Alexis Guerra Gomez @johnguerra.bsky.social · 04/12/2024
Here are the slides for my Human Centered AI talk docs.google.com/presentation...
docs.google.com
Human Centered AI
Human Centered AI A better path forward John Alexis Guerra Gómez https://johnguerra.co @johnguerra.bsky.social 1
050
John Alexis Guerra Gomez @johnguerra.bsky.social · 03/12/2024
I love #d3js force network visualizations, but usually with larger networks nodes tend to go all over the place. Here is a simple auto-fit trick that you can use to keep all nodes in view: 👉🏼 observablehq.com/@john-guerra... #dataviz @observablehq.com
1142
Reposted by John Alexis Guerra Gomez
Ralph Spandl @spandl.ca · 03/12/2024
I had some fun last week by diving deep into label occlusion and placement. There are more solutions out there than I thought, and each solution serves a different purpose. I created a notebook showcasing label occlusion optimized for the Voronoi treemap. observablehq.com/@spandl/labe...  🧵🧵🧵
observablehq.com
Brute-force label collision detection (occlusion)
This notebook demonstrates an approach to placing labels—including multi-line labels—on a canvas while avoiding overlaps. Labels are prioritized based on their metric values: labels with lower metric ...
171
Reposted by John Alexis Guerra Gomez
Enrico Bertini (FILWD) @ebertini.bsky.social · 02/12/2024
Second post on the use of titles in data visualization: buff.ly/3VizWmg. I propose a simple taxonomy to categorize different types of titles. It has already helped me and my students a lot. There is way more to do, but it's a good start. Happy to hear your feedback: any changes/additions?
buff.ly
Data Visualization Titles: A Taxonomy
An initial taxonomy on the type of titles you can use
3166
Reposted by John Alexis Guerra Gomez
Ben Schmidt @bschmidt.bsky.social · 01/12/2024
New blog post! Updated for 2024, my favorite example of why alphabetical ordering is bad for geographic features -- US presidential results since 1828. The left image shows regional patterns in a geographic ordering that the right (alphabetical) simply loses. benschmidt.org/post/2024-11...
A heatmap of years and states, showing a large blue cluster in the center where Southern states vote Democratic. and other geographical patterns.A heatmap of years and states in alphabetical order, showing no clear global structure
1212621
John Alexis Guerra Gomez @johnguerra.bsky.social · 01/12/2024
Heading to #Neurips2024 and feeling overwhelmed by the 4k+ papers? 🤯 Check out my paper explorer! Just enter your query and find related papers instantly using sentence embeddings and dimensionality reduction. #dataviz 👉🏼https://johnguerra.co/viz/neurips2024Papers/👈🏼
Neurips2024 paper explorer: shows a dimensionality reduction space (scatterplot) with all the papers by their sentence embeddings. It shows an animation emonstration entering different queries and then selecting in the scatterplot different areas
060
John Alexis Guerra Gomez @johnguerra.bsky.social · 29/11/2024
This NLP JavaScript tool seems very promising compromise.cool
020
Reposted by John Alexis Guerra Gomez
Dr. Casey Fiesler @cfiesler.bsky.social · 27/11/2024
Hi, so I've spent the past almost-decade studying research uses of public social media data, like e.g. ML researchers using content from Twitter, Reddit, and Mastodon. Anyway, buckle up this is about to be a VERY long thread with lots of thoughts and links to papers. 🧵
59959450