Cicero: A Declarative Grammar for Responsive Visualization

要旨

Designing responsive visualizations can be cast as applying transformations to a source view to render it suitable for a different screen size. However, designing responsive visualizations is often tedious as authors must manually apply and reason about candidate transformations. We present Cicero, a declarative grammar for concisely specifying responsive visualization transformations which paves the way for more intelligent responsive visualization authoring tools. Cicero's flexible specifier syntax allows authors to select visualization elements to transform, independent of the source view's structure. Cicero encodes a concise set of actions to encode a diverse set of transformations in both desktop-first and mobile-first design processes. Authors can ultimately reuse design-agnostic transformations across different visualizations. To demonstrate the utility of Cicero, we develop a compiler to an extended version of Vega-Lite, and provide principles for our compiler. We further discuss the incorporation of Cicero into responsive visualization authoring tools, such as a design recommender.

著者
Hyeok Kim
Northwestern University, Evanston, Illinois, United States
Ryan Rossi
Adobe Research, San Jose, California, United States
Fan Du
Adobe Research, San Jose, California, United States
Eunyee Koh
Adobe Research, San Jose, California, United States
Shunan Guo
Adobe Research, San Jose, California, United States
Jessica Hullman
Northwestern University, Evanston, Illinois, United States
Jane Hoffswell
Adobe Research, Seattle, Washington, United States
論文URL

https://dl.acm.org/doi/abs/10.1145/3491102.3517455

動画

会議: CHI 2022

The ACM CHI Conference on Human Factors in Computing Systems (https://chi2022.acm.org/)

セッション: Visualization Authoring & Creation

297
4 件の発表
2022-05-03 01:15:00
2022-05-03 02:30:00