I build tools and teach developers at the intersection of information visualization, AI-assisted development, and accessibility.
jguerra[~at~]northeastern.eduInformation Visualization Researcher and Engineer. I help people extract insights from their data using interactive infovis and data science. PhD in Computer Science, Associate Teaching Professor at Northeastern University Bay Area. Member of the Khoury Visualization Lab. I conduct research on Visual Analytics, Accessibility, Big data, Human Computer Interaction and Web Development.
Currently teaching Vibe Coding — AI-Assisted Software Engineering using Claude Code, prompt engineering, and agent architectures. Co-creator of IRIS, a patented system that lets blind children perceive images through touch, and BTactile, a search engine indexing 5000+ tactile graphics worldwide.
Formerly at UC Berkeley, Uniandes Colombia, Yahoo Labs (built internal visualization tools), Xerox PARC (built fraud detection tools), and co-founded DUTO (10+ international awards).
Research:
Information Visualization, Accessibility, HCI, Machine Learning,
D3.js, Vega-Lite, Observable, User Experience,
ReactiveWidgets.org
Engineering:
AI Assisted Coding, System Architecture, Web Development,
HTML5/CSS/JS, React, SQL/NoSQL, Python, Agentic Coding
Education:
Education, Public Speaking, Entrepreneurship, Courses, Agile,
Design Thinking, Innovation
Open-source visualization widget for exploring large datasets. Available as an npm package, used by researchers and practitioners worldwide.
Visual analytics tool for understanding large networks with hundreds of thousands of nodes. Deployed in Xerox's healthcare fraud detection product.
A design pattern for creating reusable and reactive visualization components for research and dissemination. IEEEVIS 2024 short paper. Available as an npm package.
Network visualization of the IEEE VIS publication dataset, revealing collaboration patterns and community structure.
Web-based visual analytics tool for exploring change in hierarchical datasets over time. Validated with 9 domain experts across 13 case studies.
Treemap-based visualization for representing groups of photos with numeric attributes. Published at AVI 2016.
Scrollytelling visualization of the 2024 US presidential election results, with historical data going back to 2000.
Interactive exploration of the Colombian Senate using Navio, allowing filtering and comparison of senators by party, region, and voting patterns.
Scrollytelling visualizations of the Colombian presidential election results. First round, second round analysis.
Map visualization of the 2016 Colombian peace agreement referendum results by municipality.
Scrollytelling visualization of the Colombian anti-corruption referendum results.
Real-time Twitter monitor and analyzer used during the Colombian presidential elections.
D3 force layout extension for grouping nodes into clusters. 78 stars, 221 weekly downloads on npm.
D3 force simulation plugin to keep nodes within boundaries. 1,400+ weekly downloads on npm.
Network clustering library for JavaScript. Available on npm.
Scrollytelling plugin for Reveal.js presentations that synchronizes visualizations with slide transitions.
See live npm download stats for all packages →
Interactive tools for exploring academic papers using sentence embeddings and dimensionality reduction. Semantic search across hundreds to thousands of papers.
CHI 2026, IEEE VIS 2025, CHI 2025, NeurIPS 2024, CSCW 2024, UIST 2024, IEEE VIS 2024, CHI 2024
Interactive web tool for testing the UMAP dimensionality reduction algorithm on your own data. Runs entirely in the browser.
Graduate course at Northeastern University teaching developers to build software with Claude Code, prompt engineering, agent architectures, MCP, and evaluation strategies.
Search engine indexing 5000+ tactile graphics for the blind from around the world. Built with React and Meteor.js.