Description
In this work, we propose Interaction+, a tool that enhances the interactive capability of existing web-based visualizations. Different from the toolkits for authoring interactions during the visualization construction, Interaction+ takes existing visualizations as input, analyzes the visual objects, and provides users with a suite of interactions to facilitate the visual exploration, including selection, aggregation, arrangement, comparison, filtering, and annotation. Without accessing the underlying data or process how the visualization is constructed, Interaction+ is application-independent and can be employed in various visualizations on the web.
Citation
Min Lu, Jie Liang, Yu Zhang, Guozheng Li, Siming Chen, Zongru Li and Xiaoru Yuan.
Interaction+: Interaction Enhancement for Web-based Visualizations.
In Proceedings of IEEE Pacific Visualization Symposium (PacificVis 2017), Seoul, Korea. April 18-21, 2017
Images
Interaction+’s Workflow: taking a webpage with existing visualizations as input, Interaction+ extracts the visual information by parsing the HTML. Then Interaction+ adds on a set of interactions driven by the visual information, which can be performed in the original visualization or the auxiliary interface.
Usage Scenario 1 Interaction+ Applied in The New York Times: (a) Interaction+ is laid over the whole visualization, which extracts 411 budget projects; histograms of visual attributes (i.e., color and radius) indicate projects’ distributions over increase-cut levels and spendings respectively; Projects are filtered by different increase-cut levels, each of which is created as a new group for further examination. (b) changed to types of spending layout, Interaction+ divides proposals into mandatory and discretionary ones by V-Parallel mask. Interaction+ does quick count on the two types of proposals, i.e., 144 mandatory proposals and 267 discretionary ones. Filtering the top 100 spending projects, 61 of them are discretionary and 39 are mandatory.