Data Illustrator: Augmenting Vector Design Tools with Lazy Data Binding for Expressive Visualization Authoring

@article{Liu2018DataIA,
  title={Data Illustrator: Augmenting Vector Design Tools with Lazy Data Binding for Expressive Visualization Authoring},
  author={Zhicheng Liu and John Thompson and Alan Wilson and Mira Dontcheva and James Delorey and Sam Grigg and Bernard Kerr and John T. Stasko},
  journal={Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems},
  year={2018}
}
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… 
StructGraphics: Flexible Visualization Design through Data-Agnostic and Reusable Graphical Structures
  • Theophanis Tsandilas
  • Computer Science, Art
    IEEE Transactions on Visualization and Computer Graphics
  • 2021
TLDR
This paper introduces StructGraphics, an approach for creating data-agnostic and fully reusable visualization designs that enables designers to construct visualization designs by drawing graphics on a canvas and then structuring their visual properties without relying on a concrete dataset or data schema.
Understanding the Design Space and Authoring Paradigms for Animated Data Graphics
TLDR
This work conducts an ideation study that uncovers how people approach animation creation with three authoring paradigms: keyframe animation, procedural animation, and presets & templates and finds evidence that an authoring tool should combine these three paradigm as designers’ preferences depend on the characteristics of the animated transition design and the authoring task.
Falx: Synthesis-Powered Visualization Authoring
TLDR
Falx is proposed, a synthesis-powered visualization tool that allows users to specify visualizations in a similarly simple way but without needing to worry about data layout, and Falx automatically infers the visualization specification and transforms the data to match the design.
Visualization Authoring for Data-driven Storytelling
TLDR
This dissertation introduces and evaluates a series of three visualization authoring tools using traditional user interfaces, and presents Idyll-MR, a system for authoring data-driven stories in virtual and augmented reality.
Uvis: A Formula-Based End-User Tool for Data Visualization
TLDR
Uvis is an interactive visualization and user interface design tool that targets end-user developers with skills comparable to spreadsheet formulas that is possible to combine the learnability of charting tools and the expressiveness of visualization tools.
GoTree: A Grammar of Tree Visualizations
TLDR
GoTree is presented, a declarative grammar allowing users to instantiate tree visualizations by specifying three aspects: visual elements, layout, and coordinate system, supporting both explicit and implicit tree visualization.
Data Animator: Authoring Expressive Animated Data Graphics
TLDR
Data Animator is presented, a system for authoring animated data graphics without programming that leverages the Data Illustrator framework to analyze and match objects between two static visualizations, and generates automated transitions by default.
DataQuilt: Extracting Visual Elements from Images to Craft Pictorial Visualizations
TLDR
DataQuilt is presented, a novel system that enables visualization authors to iteratively design pictorial visualizations as collages as collage and the usability of DataQuilt in a controlled study and its expressiveness through a collection of authored visualizations from a second open-ended study.
Expressive Authoring of Node-Link Diagrams With Graphies
TLDR
The user-centered design process that led to Graphies, a prototype environment for expressive node-link diagram authoring, is described and a study in which participants successfully reproduced several expressive designs, and created their own designs as well.
...
1
2
3
4
5
...

References

SHOWING 1-10 OF 55 REFERENCES
Lyra: An Interactive Visualization Design Environment
TLDR
Lyra enables users to rapidly develop customized visualizations, covering a design space comparable to existing programming‐based tools, and is evaluated for its expressivity and accessibility.
Protovis: A Graphical Toolkit for Visualization
TLDR
Protovis, an extensible toolkit for constructing visualizations by composing simple graphical primitives, is contributed, which achieves a level of expressiveness comparable to low-level graphics systems, while improving efficiency and accessibility.
Data-Driven Guides: Supporting Expressive Design for Information Graphics
TLDR
This paper presents Data-Driven Guides (DDG), a technique for designing expressive information graphics in a graphic design environment that provides guides to encode data using three fundamental visual encoding channels: length, area, and position.
iVoLVER: Interactive Visual Language for Visualization Extraction and Reconstruction
TLDR
The design and implementation of iVoLVER is presented, a tool that allows users to create visualizations without textual programming and demonstrates the flexibility and expressive power of the tool through a set of scenarios.
prefuse: a toolkit for interactive information visualization
Although information visualization (infovis) technologies have proven indispensable tools for making sense of complex data, wide-spread deployment has yet to take hold, as successful infovis
iVisDesigner: Expressive Interactive Design of Information Visualizations
TLDR
iVisDesigner, a web-based system that enables users to design information visualizations for complex datasets interactively, without the need for textual programming, achieves high interactive expressiveness through conceptual modularity, covering a broad information visualization design space.
Iterating between Tools to Create and Edit Visualizations
TLDR
This paper proposes a bridge model to allow designers to bring their work back from the drawing tool to re-edit in the generative tool, and presents a specific instantiation of this model, a tool called Hanpuku, which bridges between D3 scripts and Illustrator.
Declarative Language Design for Interactive Visualization
TLDR
It is demonstrated how to support rich visualizations without requiring a toolkit-specific data model and extend Protovis to enable declarative specification of animated transitions, and optimizations such as runtime compilation of visualization specifications, parallelized execution, and hardware-accelerated rendering are explored.
D 3 : Data-Driven Documents
TLDR
This work shows how representational transparency improves expressiveness and better integrates with developer tools than prior approaches, while offering comparable notational efficiency and retaining powerful declarative components.
Structuring Visualization Mock-Ups at the Graphical Level by Dividing the Display Space
TLDR
This article introduces a novel approach to creating visualizations mock-ups, based on a dialogue between graphic design and parametric toolkit explorations, which consists in iteratively subdividing the display space, while progressively informing each division with realistic data.
...
1
2
3
4
5
...