Taking ASCII Drawings Seriously: How Programmers Diagram Code
Devamardeep Hayatpur, Brian Hempel, Kathy Chen, William Duan, Philip J. Guo, Haijun Xia
Abstract
Documentation in codebases facilitates knowledge transfer. But tools for programming are largely text-based, and so developers resort to creating ASCII diagrams—graphical artifacts approximated with text—to show visual ideas within their code. Despite real-world use, little is known about these diagrams. We interviewed nine authors of ASCII diagrams, learning why they use ASCII and what roles the diagrams play. We also compile and analyze a corpus of 507 ASCII diagrams from four open source projects, deriving a design space with seven dimensions that classify what these diagrams show, how they show it, and ways they connect to code. These investigations reveal that ASCII diagrams are professional artifacts used across many steps in the development lifecycle, diverse in role and content, and used because they visualize ideas within the variety of programming tools in use. Our findings highlight the importance of visualization within code and lay a foundation for future programming tools that tightly couple text and graphics.
Ask about this paper
Your agent reads all of it.
Lune indexed this paper to the last equation, along with the top-tier papers that cite it. Ask a question and the answer quotes them.
Your agent calls
Luneget_paper_fulltext
Free to start. No credit card required.
Terminal
Install the CLIlune papers fulltext ed30f3ba-cd21-4ce6-b4a8-ef3ea4d02de2Cited by top-tier papers3
- ASCIIEval: Benchmarking Models' Visual Perception in Text Strings via ASCII ArtQi Jia, Xiang Yue, Shanshan Huang, Ziheng Qin et al.ICLR 2026 · 2 citations
- How Notations Evolve: A Historical Analysis with Implications for Supporting User-Defined AbstractionsJingyue Zhang, J. D. Zamfirescu-Pereira, Elena L. Glassman, Damien Masson et al.CHI 2026 · 2 citations
- CodeStream: Augmenting Timelines with Code Annotation for Navigating Large Coding HistoriesAshley Ge Zhang, Yan-Ru Jhou, Yinuo Yang, Shamita Rao et al.CHI 2026 · 1 citation
Builds on9
- Projection Boxes: On-the-fly Reconfigurable Visualization for Live ProgrammingSorin LernerCHI 2020 · 52 citations
- Filling typed holes with live GUIsCyrus Omar, David Moon, Andrew Blinn, Ian Voysey et al.PLDI 2021 · 35 citations
- To Write Code: The Cultural Fabrication of Programming Notation and PracticeIan ArawjoCHI 2020 · 31 citations
- Adding interactive visual syntax to textual codeLeif Andersen, Michael Ballantyne, Matthias FelleisenOOPSLA 2020 · 28 citations
- Math Augmentation: How Authors Enhance the Readability of Formulas using Novel Visual Design PracticesAndrew Head, Amber Xie, Marti A. HearstCHI 2022 · 27 citations
Related papers
- Composing Flexibly-Organized Step-by-Step Tutorials from Linked Source Code, Snippets, and OutputsAndrew Head, Jason Jiang, James Smith, Marti A. Hearst et al.CHI 2020 · 29 citations
- The Shapes of Abstraction in Data Structure DiagramsDevamardeep Hayatpur, Brian Hempel, Richard Lin, Haijun XiaCHI 2025 · 7 citations
- Code Shaping: Iterative Code Editing with Free-form AI-Interpreted SketchingRyan Yen, Jian Zhao, Daniel VogelCHI 2025 · 32 citations
- A Qualitative Analysis of Common Practices in Annotations: A Taxonomy and Design SpaceMd Dilshadur Rahman, Ghulam Jilani Quadri, Bhavana Doppalapudi, Danielle Albers Szafir et al.IEEE VIS 2024 · 21 citations
- No Grammar to Rule Them All: A Survey of JSON-style DSLs for VisualizationAndrew M. McNuttIEEE VIS 2022 · 37 citations
