Lightnews — Scholar-powered news

John Alexis Guerra Gomez

@johnguerra.bsky.social

500 followers 350 following 41 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

btactile.com

Posts Media Videos Starter Packs

Pinned

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

2 1 14

John Alexis Guerra Gomez @johnguerra.bsky.social · Jun 17

Awesome!

John Alexis Guerra Gomez @johnguerra.bsky.social · May 31

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

John Alexis Guerra Gomez @johnguerra.bsky.social · May 24

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

1 8

Reposted by John Alexis Guerra Gomez

Soph Warnes @thatsoph.bsky.social · Apr 30

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

1 5 11

John Alexis Guerra Gomez @johnguerra.bsky.social · Apr 26

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 📲

1 3

John Alexis Guerra Gomez @johnguerra.bsky.social · Apr 24

Glad you liked it! I'm adding a new option for creating the selection of papers you don't want to miss... Stay tuned 😀

Reposted by John Alexis Guerra Gomez

Frank Elavsky ⌁ @frank.computer · Apr 23

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

10 24 70

John Alexis Guerra Gomez @johnguerra.bsky.social · Apr 16

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... 👈🏼

2 4 26

Reposted by John Alexis Guerra Gomez

vinaldsouza.bsky.social @vinaldsouza.bsky.social · Apr 15

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...

Reposted by John Alexis Guerra Gomez

Ari S. @ari-s-123.bsky.social · Apr 15

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

Reposted by John Alexis Guerra Gomez

Zijie Zhao @zijiezhao.bsky.social · Apr 15

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

Reposted by John Alexis Guerra Gomez

Tiantian Ma @matianti.bsky.social · Apr 15

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

Reposted by John Alexis Guerra Gomez

shuhandong.bsky.social @shuhandong.bsky.social · Apr 15

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

1 2

Reposted by John Alexis Guerra Gomez

Zih-Yuan Luo @yuan-neu.bsky.social · Apr 15

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

Reposted by John Alexis Guerra Gomez

jonathantarun.bsky.social @jonathantarun.bsky.social · Apr 15

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

Reposted by John Alexis Guerra Gomez

Lang Min @langminneu.bsky.social · Apr 15

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

Reposted by John Alexis Guerra Gomez

Data Visualization Society @datavizsociety.bsky.social · Apr 7

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

2 2

Reposted by John Alexis Guerra Gomez

jonathan zong @jonathanzong.com · Mar 31

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

2 15 33

John Alexis Guerra Gomez @johnguerra.bsky.social · Apr 4

I noticed the SOM from the post, but haven't had a chance to explore it yet. I'm very curious about it and also about your querying.

BTW. Did you clustered on the embedding or the D.R. space? I tried clustering for #ieeevis with disappointing results johnguerra.co/viz/ieeevis2...

IEEEVIS2024 Custers

johnguerra.co

1 1

John Alexis Guerra Gomez @johnguerra.bsky.social · Apr 3

Very nice @ray-zou.bsky.social 👏

You beat me to it jajaja johnguerra.co/viz/chi2025P...

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/

1 1

John Alexis Guerra Gomez @johnguerra.bsky.social · Mar 29

Many kudos to the vispubdata.org team for keeping the dataset up to date. As a thank you note, here is how easy it is to build the impressive @drpi.bsky.social's 2.5 @ieeevis.bsky.social ego-network of co-authorships:

🙏🏻 johnguerra.co/viz/visPubNe...

2/2

1 2

John Alexis Guerra Gomez @johnguerra.bsky.social · Mar 29

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!

1 4 10

John Alexis Guerra Gomez @johnguerra.bsky.social · Mar 17

Please remember to use @northeasternu.bsky.social handle

John Alexis Guerra Gomez @johnguerra.bsky.social · Mar 7

Here is an @observablehq.com notebook I'm doing a demo on observablehq.com/d/6e7d9d61cc...

Observable Notebook Demo

observablehq.com

1 3

John Alexis Guerra Gomez @johnguerra.bsky.social · Mar 7

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...