Mallard: Turn the Web into a Contextualized Prototyping Environment for Machine Learning
Authors
Philip Guo
UC San DiegoMachine learning (ML) can be hard to master, but what first trips up novices is something much more mundane: the incidental complexities of installing and configuring software development environments. Everyone has a web browser, so can we let people experiment with ML within the context of any webpage they visit? This paper's contribution is the idea that the web can serve as a contextualized prototyping environment for ML by enabling analyses to occur within the context of data on actual webpages rather than in isolated silos. We realized this idea by building Mallard, a browser extension that scaffolds acquiring and parsing web data, prototyping and debugging ML models, and augmenting webpages with ML-driven results and interactions. To demonstrate the versatility of Mallard, we performed a case study where we used it to prototype nine ML-based browser apps, including augmenting Amazon and Twitter websites with sentiment analysis, augmenting restaurant menu websites with OCR-based search, style transfer on Google image search results, and using real-time face tracking to control a Pac-Man game. These case studies show that Mallard is capable of supporting a diverse range of hobbyist-level ML prototyping projects.
Research Questions / Practical Problems
Question signals indexed for this paper.
- 100%
Understanding and Supporting Knowledge Decomposition for Machine Teaching
DIS '20· Human-LLM Collaboration +1
- 100%
Facilitating Knowledge Sharing from Domain Experts to Data Scientists for Building NLP Models
IUI '21· Human-LLM Collaboration +1
- 80%
Rapsai: Accelerating Machine Learning Prototyping of Multimedia Applications through Visual Programming
CHI '23· Human-LLM Collaboration +1
- 80%
Exploring Empty Spaces: Human-in-the-Loop Data Augmentation
CHI '25· Generative AI (Text, Image, Music, Video) +2
- 80%
CoLadder: Manipulating Code Generation via Multi-Level Blocks
UIST '24· Human-LLM Collaboration +1
- 75%
Enabling Data-Driven API Design with Community Usage Data: A Need-Finding Study
CHI '20· Computational Methods in HCI
- 67%
Crystalline: Lowering the Cost for Developers to Collect and Organize Information for Decision Making
CHI '22· Human-LLM Collaboration +2
- 67%
Beyond Code Generation: LLM-supported Exploration of the Program Design Space
CHI '25· Generative AI (Text, Image, Music, Video) +2
- 67%
Linting Style and Substance in READMEs
CHI '26· Computational Methods in HCI +2
- 67%
Cerebra: Aligning Implicit Knowledge in Interactive SQL Authoring
CHI '26· Human-LLM Collaboration +2
Based on Jaccard similarity of research subtopics & professions (≥60%)