Lyra 2: Designing Interactive Visualizations by Demonstration
Recent graphical interfaces offer direct manipulation mechanisms for authoring visualizations, but are largely restricted to static output. To author interactive visualizations, users must instead turn to textual specification, but such approaches impose a higher technical burden. To bridge this gap...
| Main Authors: | , , , |
|---|---|
| Other Authors: | |
| Format: | Article |
| Language: | English |
| Published: |
Institute of Electrical and Electronics Engineers (IEEE)
2021
|
| Online Access: | https://hdl.handle.net/1721.1/134360 |
| _version_ | 1811083403439636480 |
|---|---|
| author | Zong, Jonathan Barnwal, Dhiraj Neogy, Rupayan Satyanarayan, Arvind |
| author2 | Massachusetts Institute of Technology. Computer Science and Artificial Intelligence Laboratory |
| author_facet | Massachusetts Institute of Technology. Computer Science and Artificial Intelligence Laboratory Zong, Jonathan Barnwal, Dhiraj Neogy, Rupayan Satyanarayan, Arvind |
| author_sort | Zong, Jonathan |
| collection | MIT |
| description | Recent graphical interfaces offer direct manipulation mechanisms for authoring visualizations, but are largely restricted to static output. To author interactive visualizations, users must instead turn to textual specification, but such approaches impose a higher technical burden. To bridge this gap, we introduce Lyra 2, a system that extends a prior visualization design environment with novel methods for authoring interaction techniques by demonstration. Users perform an interaction (e.g., button clicks, drags, or key presses) directly on the visualization they are editing. The system interprets this performance using a set of heuristics and enumerates suggestions of possible interaction designs. These heuristics account for the properties of the interaction (e.g., target and event type) as well as the visualization (e.g., mark and scale types, and multiple views). Interaction design suggestions are displayed as thumbnails; users can preview and test these suggestions, iteratively refine them through additional demonstrations, and finally apply and customize them via property inspectors. We evaluate our approach through a gallery of diverse examples, and evaluate its usability through a first-use study and via an analysis of its cognitive dimensions. We find that, in Lyra 2, interaction design by demonstration enables users to rapidly express a wide range of interactive visualizations. |
| first_indexed | 2024-09-23T12:32:31Z |
| format | Article |
| id | mit-1721.1/134360 |
| institution | Massachusetts Institute of Technology |
| language | English |
| last_indexed | 2024-09-23T12:32:31Z |
| publishDate | 2021 |
| publisher | Institute of Electrical and Electronics Engineers (IEEE) |
| record_format | dspace |
| spelling | mit-1721.1/1343602023-09-12T19:37:39Z Lyra 2: Designing Interactive Visualizations by Demonstration Zong, Jonathan Barnwal, Dhiraj Neogy, Rupayan Satyanarayan, Arvind Massachusetts Institute of Technology. Computer Science and Artificial Intelligence Laboratory Recent graphical interfaces offer direct manipulation mechanisms for authoring visualizations, but are largely restricted to static output. To author interactive visualizations, users must instead turn to textual specification, but such approaches impose a higher technical burden. To bridge this gap, we introduce Lyra 2, a system that extends a prior visualization design environment with novel methods for authoring interaction techniques by demonstration. Users perform an interaction (e.g., button clicks, drags, or key presses) directly on the visualization they are editing. The system interprets this performance using a set of heuristics and enumerates suggestions of possible interaction designs. These heuristics account for the properties of the interaction (e.g., target and event type) as well as the visualization (e.g., mark and scale types, and multiple views). Interaction design suggestions are displayed as thumbnails; users can preview and test these suggestions, iteratively refine them through additional demonstrations, and finally apply and customize them via property inspectors. We evaluate our approach through a gallery of diverse examples, and evaluate its usability through a first-use study and via an analysis of its cognitive dimensions. We find that, in Lyra 2, interaction design by demonstration enables users to rapidly express a wide range of interactive visualizations. 2021-10-27T20:04:36Z 2021-10-27T20:04:36Z 2021 2021-02-04T16:29:48Z Article http://purl.org/eprint/type/JournalArticle https://hdl.handle.net/1721.1/134360 en 10.1109/TVCG.2020.3030367 IEEE Transactions on Visualization and Computer Graphics Creative Commons Attribution-Noncommercial-Share Alike http://creativecommons.org/licenses/by-nc-sa/4.0/ application/pdf Institute of Electrical and Electronics Engineers (IEEE) arXiv |
| spellingShingle | Zong, Jonathan Barnwal, Dhiraj Neogy, Rupayan Satyanarayan, Arvind Lyra 2: Designing Interactive Visualizations by Demonstration |
| title | Lyra 2: Designing Interactive Visualizations by Demonstration |
| title_full | Lyra 2: Designing Interactive Visualizations by Demonstration |
| title_fullStr | Lyra 2: Designing Interactive Visualizations by Demonstration |
| title_full_unstemmed | Lyra 2: Designing Interactive Visualizations by Demonstration |
| title_short | Lyra 2: Designing Interactive Visualizations by Demonstration |
| title_sort | lyra 2 designing interactive visualizations by demonstration |
| url | https://hdl.handle.net/1721.1/134360 |
| work_keys_str_mv | AT zongjonathan lyra2designinginteractivevisualizationsbydemonstration AT barnwaldhiraj lyra2designinginteractivevisualizationsbydemonstration AT neogyrupayan lyra2designinginteractivevisualizationsbydemonstration AT satyanarayanarvind lyra2designinginteractivevisualizationsbydemonstration |