John Alexis Guerra Gomez
LightNews LightNews
banner
johnguerra.bsky.social
John Alexis Guerra Gomez
@johnguerra.bsky.social
510 followers 360 following 45 posts
Associate Teaching Professor Northeastern University, KhouryVis member
Research on #dataviz #a11y
Co-creator https://btactile.com https://navio.dev https://duto.org
https://johnguerra.co
Posts Replies Media Videos
Pinned
johnguerra.bsky.social
John Alexis Guerra Gomez @johnguerra.bsky.social · Nov 16
Re-introducing Reactive Widgets 📣 a simple design pattern for developing and distributing interactive #dataviz widgets.

👉🏼 johnguerra.co/reactiveWidg... 📊

Inspired by @observablehq.com inputs and modern web standards, this pattern makes it easy to combine widgets into larger applications.

1/3
Towards Reusable and Reactive Widgets for Information Visualization Research and Dissemination
This IEEEVIS 2024 short paper presents a design pattern for facilitating the creation, dissemination, and re-utilization of visualization techniques using reactive widgets.
johnguerra.co
Reposted by John Alexis Guerra Gomez
ansgarw.bsky.social
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
November 24, 2025 at 11:22 AM
Reposted by John Alexis Guerra Gomez
chezvoila.com
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.
November 24, 2025 at 7:07 PM
johnguerra.bsky.social
Loved this opinion piece calling for algorithms that support humans instead of advertisers. Create art not content

youtube.com/watch?v=EO14...
I’m Building an Algorithm That Doesn’t Rot Your Brain
YouTube video by New York Times Opinion
youtube.com
November 22, 2025 at 5:38 PM
johnguerra.bsky.social
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
November 2, 2025 at 1:28 PM
johnguerra.bsky.social
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...
VS Code Agent Mode Just Changed Everything
YouTube video by Visual Studio Code
www.youtube.com
May 31, 2025 at 6:18 PM
johnguerra.bsky.social
What a great summary history of JavaScript by deno deno.com/blog/history...
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.
deno.com
May 24, 2025 at 2:51 PM
Reposted by John Alexis Guerra Gomez
thatsoph.bsky.social
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
April 30, 2025 at 7:29 AM
johnguerra.bsky.social
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 📲
April 26, 2025 at 3:12 AM
Reposted by John Alexis Guerra Gomez
frank.computer
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...
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...
www.frank.computer
April 23, 2025 at 2:28 AM
johnguerra.bsky.social
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... 👈🏼
April 16, 2025 at 2:22 PM
Reposted by John Alexis Guerra Gomez
vinaldsouza.bsky.social
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...
April 15, 2025 at 8:41 PM
Reposted by John Alexis Guerra Gomez
ari-s-123.bsky.social
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...
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)....
observablehq.com
April 15, 2025 at 9:07 PM
Reposted by John Alexis Guerra Gomez
zijiezhao.bsky.social
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...
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...
observablehq.com
April 15, 2025 at 10:21 PM
Reposted by John Alexis Guerra Gomez
matianti.bsky.social
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...
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...
observablehq.com
April 15, 2025 at 10:31 PM
Reposted by John Alexis Guerra Gomez
shuhandong.bsky.social
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
Observable: Explore and visualize data togetherLinkedInTwitterGitHubYouTubeLinkedInTwitterGitHubYouTube
Observable's collaborative data canvas helps you explore data, perform analysis, and build expressive charts and dashboards.
observablehq.com
April 15, 2025 at 10:33 PM
Reposted by John Alexis Guerra Gomez
yuan-neu.bsky.social
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/...
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...
observablehq.com
April 15, 2025 at 10:56 PM
Reposted by John Alexis Guerra Gomez
jonathantarun.bsky.social
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...
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...
observablehq.com
April 15, 2025 at 4:10 PM
Reposted by John Alexis Guerra Gomez
langminneu.bsky.social
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...
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...
observablehq.com
April 15, 2025 at 12:47 AM
Reposted by John Alexis Guerra Gomez
datavizsociety.bsky.social
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
April 7, 2025 at 10:00 PM
Reposted by John Alexis Guerra Gomez
jonathanzong.com
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-...
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...
news.mit.edu
March 31, 2025 at 6:49 PM
johnguerra.bsky.social
Very nice @ray-zou.bsky.social 👏

You beat me to it jajaja johnguerra.co/viz/chi2025P...
ruishi-zou.bsky.social Ruishi (Ray) Zou @ruishi-zou.bsky.social · Apr 3
Are you attending #chi2025 and need a map to navigate through all the papers?

📣 If so, I made a Paper Explorer for you!

🔍 Find relevant papers and authors, plan your schedule, and much more through visual analysis!

🔗https://motion115.github.io/chi2025papers/
April 3, 2025 at 11:37 PM
johnguerra.bsky.social
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!
March 29, 2025 at 3:40 PM
johnguerra.bsky.social
Here is an @observablehq.com notebook I'm doing a demo on observablehq.com/d/6e7d9d61cc...
Observable Notebook Demo
observablehq.com
March 7, 2025 at 9:57 PM
johnguerra.bsky.social
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
March 7, 2025 at 3:06 PM