Designing interactive visualizations by demonstration

This electronic version was submitted by the student author. The certified thesis is available in the Institute Archives and Special Collections.

Bibliographic Details
Main Author: Zong, Jonathan,S.M.Massachusetts Institute of Technology.
Other Authors: Arvind Satyanarayan.
Format: Thesis
Language:eng
Published: Massachusetts Institute of Technology 2020
Subjects:
Online Access:https://hdl.handle.net/1721.1/128301
_version_ 1826191584512704512
author Zong, Jonathan,S.M.Massachusetts Institute of Technology.
author2 Arvind Satyanarayan.
author_facet Arvind Satyanarayan.
Zong, Jonathan,S.M.Massachusetts Institute of Technology.
author_sort Zong, Jonathan,S.M.Massachusetts Institute of Technology.
collection MIT
description This electronic version was submitted by the student author. The certified thesis is available in the Institute Archives and Special Collections.
first_indexed 2024-09-23T08:58:32Z
format Thesis
id mit-1721.1/128301
institution Massachusetts Institute of Technology
language eng
last_indexed 2024-09-23T08:58:32Z
publishDate 2020
publisher Massachusetts Institute of Technology
record_format dspace
spelling mit-1721.1/1283012020-11-04T03:33:12Z Designing interactive visualizations by demonstration Zong, Jonathan,S.M.Massachusetts Institute of Technology. Arvind Satyanarayan. Massachusetts Institute of Technology. Department of Electrical Engineering and Computer Science. Massachusetts Institute of Technology. Department of Electrical Engineering and Computer Science Electrical Engineering and Computer Science. This electronic version was submitted by the student author. The certified thesis is available in the Institute Archives and Special Collections. Thesis: S.M., Massachusetts Institute of Technology, Department of Electrical Engineering and Computer Science, February, 2020 Cataloged from student-submitted PDF version of thesis. Includes bibliographical references (pages 41-44). Recent graphical interfaces offer direct manipulation mechanisms for authoring visualizations, but they 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 than their graphical counterparts. To bridge this gap, we introduce interaction design by demonstration: a novel method for authoring interaction techniques via direct manipulation. 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 produces 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. To evaluate our approach, we instantiate it in Lyra, an existing visualization design environment. We demonstrate its expressive extent with 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, interaction design by demonstration enables users to rapidly express a wide range of interactive visualizations. by Jonathan Zong. S.M. S.M. Massachusetts Institute of Technology, Department of Electrical Engineering and Computer Science 2020-11-03T20:29:05Z 2020-11-03T20:29:05Z 2020 2020 Thesis https://hdl.handle.net/1721.1/128301 1201804799 eng MIT theses may be protected by copyright. Please reuse MIT thesis content according to the MIT Libraries Permissions Policy, which is available through the URL provided. http://dspace.mit.edu/handle/1721.1/7582 44 pages application/pdf Massachusetts Institute of Technology
spellingShingle Electrical Engineering and Computer Science.
Zong, Jonathan,S.M.Massachusetts Institute of Technology.
Designing interactive visualizations by demonstration
title Designing interactive visualizations by demonstration
title_full Designing interactive visualizations by demonstration
title_fullStr Designing interactive visualizations by demonstration
title_full_unstemmed Designing interactive visualizations by demonstration
title_short Designing interactive visualizations by demonstration
title_sort designing interactive visualizations by demonstration
topic Electrical Engineering and Computer Science.
url https://hdl.handle.net/1721.1/128301
work_keys_str_mv AT zongjonathansmmassachusettsinstituteoftechnology designinginteractivevisualizationsbydemonstration