Data Illustrator: Augmenting Vector Design Tools with Lazy Data Binding for Expressive Visualization Authoring
Best PaperAuthors
Building graphical user interfaces for visualization authoring is challenging as one must reconcile the tension between flexible graphics manipulation and procedural visualization generation based on a graphical grammar or declarative languages. To better support designers' workflows and practices, we propose Data Illustrator, a novel visualization framework. In our approach, all visualizations are initially vector graphics; data binding is applied when necessary and only constrains interactive manipulation to that data bound property. The framework augments graphic design tools with new concepts and operators, and describes the structure and generation of a variety of visualizations. Based on the framework, we design and implement a visualization authoring system. The system extends interaction techniques in modern vector design tools for direct manipulation of visualization configurations and parameters. We demonstrate the expressive power of our approach through a variety of examples. A qualitative study shows that designers can use our framework to compose visualizations.
Research Questions / Practical Problems
Question signals indexed for this paper.
- 67%
Color Builder: A Direct Manipulation Interface for Versatile Color Theme Authoring
CHI '19· 360° Video & Panoramic Content +2
- 60%
Visual Design 4 Non-Designers: Learn Basics the Hands-on Way
CHI '18· Graphic Design & Typography Tools
- 60%
Dream Lens: Exploration and Visualization of Large-Scale Generative Design Datasets
CHI '18· Generative AI (Text, Image, Music, Video) +1
- 60%
Methods for Intentional Encoding of High Capacity Human-Designable Visual Markers
CHI '18· Interactive Data Visualization +1
- 60%
VisiBlends: A Flexible Workflow for Visual Blends
CHI '19· Graphic Design & Typography Tools +1
- 60%
Understanding and Modeling User-Perceived Brand Personality from Mobile Application UIs
CHI '19· Explainable AI (XAI) +1
- 60%
Color by Numbers: Interactive Structuring and Vectorization of Sketch Imagery
CHI '21· Interactive Data Visualization +1
- 60%
Learning Personal Style from Few Examples
DIS '21· Generative AI (Text, Image, Music, Video) +1
- 60%
Predicting Visual Importance Across Graphic Design Types
UIST '20· Interactive Data Visualization +1
- 60%
SymbolFinder: Brainstorming Diverse Symbols Using Local Semantic Networks
UIST '21· Data Storytelling +1
Based on Jaccard similarity of research subtopics & professions (≥60%)