Code Shaping: Iterative Code Editing with Free-form Sketching

We present an initial step towards building a system for programmers to edit code using free-form sketch annotations drawn directly onto editor and output windows. Using a working prototype system as a technical probe, an exploratory study (N = 6) examines how programmers sketch to annotate Python code to communicate edits for an AI model to perform. The results reveal personalized workflow strategies and how similar annotations vary in abstractness and intention across different scenarios and users.

Authors

Institutions

Publication Details

Published
2024-10-11
DOI
https://doi.org/10.1145/3672539.3686324
Citations
2
Primary Topic
Teaching and Learning Programming
Type
article
Field-Weighted Citation Impact
0.82
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

Code Shaping: Iterative Code Editing with Free-form Sketching

Jian Tao Zhao, Daniel Vogel, Ryan Yen
2 citations
Teaching and Learning Programming
0.82
article

Code Shaping: Iterative Code Editing with Free-form Sketching

Jian Tao Zhao, Daniel Vogel, Ryan Yen
article en
2 citations

Abstract

We present an initial step towards building a system for programmers to edit code using free-form sketch annotations drawn directly onto editor and output windows. Using a working prototype system as a technical probe, an exploratory study (N = 6) examines how programmers sketch to annotate Python code to communicate edits for an AI model to perform. The results reveal personalized workflow strategies and how similar annotations vary in abstractness and intention across different scenarios and users.

University of Waterloo (CA)
Openalex Percentile: Top 18%
Teaching and Learning Programming
0.82
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.