Mystique: Deconstructing SVG Charts for Layout Reuse
Chen Chen, Bongshin Lee, Yunhai Wang, Yunjeong Chang, Zhicheng Liu
DOI: 10.1109/TVCG.2023.3327354
Room: 105
2023-10-25T04:00:00ZGMT-0600Change your timezone on the schedule page
2023-10-25T04:00:00Z
![Exemplar figure, described by caption below](https://ieeevis.b-cdn.net/vis_2023/paper_images/v-full-1199.png)
Fast forward
Full Video
Keywords
Chart layout, Reuse, Reverse-engineering, Deconstruction.
Abstract
To facilitate the reuse of existing charts, previous research has examined how to obtain a semantic understanding of a chart by deconstructing its visual representation into reusable components, such as encodings. However, existing deconstruction approaches primarily focus on chart styles, handling only basic layouts. In this paper, we investigate how to deconstruct chart layouts, focusing on rectangle-based ones, as they cover not only 17 chart types but also advanced layouts (e.g., small multiples, nested layouts). We develop an interactive tool, called Mystique, adopting a mixed-initiative approach to extract the axes and legend, and deconstruct a chart's layout into four semantic components: mark groups, spatial relationships, data encodings, and graphical constraints. Mystique employs a wizard interface that guides chart authors through a series of steps to specify how the deconstructed components map to their own data. On 150 rectangle-based SVG charts, Mystique achieves above 85% accuracy for axis and legend extraction and 96% accuracy for layout deconstruction. In a chart reproduction study, participants could easily reuse existing charts on new datasets. We discuss the current limitations of Mystique and future research directions.