Sketch- n-Sketch: Output-Directed Programming for SVG Brian Hempel Justin Lubin Ravi Chugh Department of Computer Science, University of Chicago, USA, Sketch- n-Sketch: Output-Directed Programming for SVG Brian Hempel, Justin Lubin, Ravi Chugh UIST ’19: ACM Symposium on User Interface Software and Technology…
7/24/2019 · Looking forward to output-directed programming beyond vector graphics, we also offer generic refactorings through the GUI, and our techniques employ a domain-agnostic provenance tracing scheme. To demonstrate the improved expressiveness, we implement a dozen new parametric designs in Sketch- n -Sketch without text-based edits.
We present a system called Sketch-n-Sketch that integrates programmatic and direct manipulation for the particular domain of Scalable Vector Graphics (SVG). In Sketch-n-Sketch, the user writes a …
Video Figure for Sketch- n-Sketch: Output Directed Programming for SVG Brian Hempel, Justin Lubin, Ravi Chugh UIST 2019 Using only direct manipulation on th…
10/18/2019 · UIST’19: ACM Symposium on User Interface Software and Technology Session: Media Authoring Sketch- n-Sketch: Output-Directed Programming for SVG Brian Hempel, …
which we refer to as output-directed programming—in a sys-tem, called Sketch-n-Sketch, for creating Scalable Vector Graphics (SVG) drawings. Sketch-n-Sketch provides di-rect manipulation tools for drawing new shapes (by adding new definitions to the program),relating the attributes of shapes (by introducing new shared variables and arithmetic, Output-Directed SVG Programming [UIST 2019]. New user interface techniques to expose direct manipulation for intermediate execution products. New and improved toolbox of domain-specific and general-purpose program transformations.
We envision direct manipulation programming systems that allow users the benefits of general-purpose programming languages but with less keyboard-based text editing and more mouse-based direct manipulation. Sketch-n-Sketch is currently a direct manipulation programming system for creating HTML and SVG documents.
The latter allows you to copy-and-paste the raw SVG and export your design to, for example, a local . svg file on your machine or into a conventional SVG editor, such as svg -edit. Saving Files Locally There are two kinds of examples listed in the dropdown menu: Built-In examples that are are provided with Sketch- n -Sketch, and Local Saves …
