InterLink: Linking Text with Code and Output in Computational Notebooks

Fuente: arXiv
Guardado en:
Detalles Bibliográficos
Autores principales: Lin, Yanna, Yang, Leni, Li, Haotian, Qu, Huamin, Moritz, Dominik
Formato: Preprint
Publicado: 2025
Materias:
Acceso en línea:
Etiquetas: Agregar Etiqueta
Sin Etiquetas, Sea el primero en etiquetar este registro!
_version_ 1866910840839471104
author Lin, Yanna
Yang, Leni
Li, Haotian
Qu, Huamin
Moritz, Dominik
author_facet Lin, Yanna
Yang, Leni
Li, Haotian
Qu, Huamin
Moritz, Dominik
contents Computational notebooks, widely used for ad-hoc analysis and often shared with others, can be difficult to understand because the standard linear layout is not optimized for reading. In particular, related text, code, and outputs may be spread across the UI making it difficult to draw connections. In response, we introduce InterLink, a plugin designed to present the relationships between text, code, and outputs, thereby making notebooks easier to understand. In a formative study, we identify pain points and derive design requirements for identifying and navigating relationships among various pieces of information within notebooks. Based on these requirements, InterLink features a new layout that separates text from code and outputs into two columns. It uses visual links to signal relationships between text and associated code and outputs and offers interactions for navigating related pieces of information. In a user study with 12 participants, those using InterLink were 13.6% more accurate at finding and integrating information from complex analyses in computational notebooks. These results show the potential of notebook layouts that make them easier to understand.
format Preprint
id arxiv_https___arxiv_org_abs_2502_16114
institution arXiv
publishDate 2025
record_format arxiv
spellingShingle InterLink: Linking Text with Code and Output in Computational Notebooks
Lin, Yanna
Yang, Leni
Li, Haotian
Qu, Huamin
Moritz, Dominik
Human-Computer Interaction
Computational notebooks, widely used for ad-hoc analysis and often shared with others, can be difficult to understand because the standard linear layout is not optimized for reading. In particular, related text, code, and outputs may be spread across the UI making it difficult to draw connections. In response, we introduce InterLink, a plugin designed to present the relationships between text, code, and outputs, thereby making notebooks easier to understand. In a formative study, we identify pain points and derive design requirements for identifying and navigating relationships among various pieces of information within notebooks. Based on these requirements, InterLink features a new layout that separates text from code and outputs into two columns. It uses visual links to signal relationships between text and associated code and outputs and offers interactions for navigating related pieces of information. In a user study with 12 participants, those using InterLink were 13.6% more accurate at finding and integrating information from complex analyses in computational notebooks. These results show the potential of notebook layouts that make them easier to understand.
title InterLink: Linking Text with Code and Output in Computational Notebooks
topic Human-Computer Interaction
url https://arxiv.org/abs/2502.16114