Semi-Automated SVG Programming via Direct Manipulation
Brian Hempel, Ravi Chugh

TL;DR
This paper enhances a semi-automated SVG programming system by integrating GUI tools that assist in program transformation, enabling users to create reusable abstractions while maintaining direct manipulation features.
Contribution
It introduces new features to Sketch-n-Sketch that automate program transformations, bridging direct manipulation and programmable SVG design.
Findings
Enhanced Sketch-n-Sketch supports GUI-based shape drawing and grouping.
Tools automatically transform user intentions into program modifications.
System enables rapid creation of high-level, reusable SVG abstractions.
Abstract
Direct manipulation interfaces provide intuitive and interactive features to a broad range of users, but they often exhibit two limitations: the built-in features cannot possibly cover all use cases, and the internal representation of the content is not readily exposed. We believe that if direct manipulation interfaces were to (a) use general-purpose programs as the representation format, and (b) expose those programs to the user, then experts could customize these systems in powerful new ways and non-experts could enjoy some of the benefits of programmable systems. In recent work, we presented a prototype SVG editor called Sketch-n-Sketch that offered a step towards this vision. In that system, the user wrote a program in a general-purpose lambda-calculus to generate a graphic design and could then directly manipulate the output to indirectly change design parameters (i.e. constant…
Peer Reviews
No public reviews on file for this paper yet. If you reviewed it on a platform where reviews are public (OpenReview, ICLR, NeurIPS, ICML), you can paste yours below so the community can read it here.
Videos
No videos yet. Explain this paper in a talk, walkthrough, or lecture? Add one.
