Publications

Vis-a-Vis: Visual Exploration of Visualization Source Code Evolution

F. Bolte and S. Bruckner

Abstract

Developing an algorithm for a visualization prototype often involves the direct comparison of different development stages and design decisions, and even minor modifications may dramatically affect the results. While existing development tools provide visualizations for gaining general insight into performance and structural aspects of the source code, they neglect the central importance of result images unique to graphical algorithms. In this paper, we present a novel approach that enables visualization programmers to simultaneously explore the evolution of their algorithm during the development phase together with its corresponding visual outcomes by providing an automatically updating meta visualization. Our interactive system allows for the direct comparison of all development states on both the visual and the source code level, by providing easy to use navigation and comparison tools. The on-the-fly construction of difference images, source code differences, and a visual representation of the source code structure further enhance the user's insight into the states' interconnected changes over time. Our solution is accessible via a web-based interface that provides GPU-accelerated live execution of C++ and GLSL code, as well as supporting a domain-specific programming language for scientific visualization.

F. Bolte and S. Bruckner, "Vis-a-Vis: Visual Exploration of Visualization Source Code Evolution," IEEE Transactions on Visualization and Computer Graphics, vol. 27, iss. 7, p. 3153–3167, 2021. doi:10.1109/TVCG.2019.2963651
[BibTeX]

Developing an algorithm for a visualization prototype often involves the direct comparison of different development stages and design decisions, and even minor modifications may dramatically affect the results. While existing development tools provide visualizations for gaining general insight into performance and structural aspects of the source code, they neglect the central importance of result images unique to graphical algorithms. In this paper, we present a novel approach that enables visualization programmers to simultaneously explore the evolution of their algorithm during the development phase together with its corresponding visual outcomes by providing an automatically updating meta visualization. Our interactive system allows for the direct comparison of all development states on both the visual and the source code level, by providing easy to use navigation and comparison tools. The on-the-fly construction of difference images, source code differences, and a visual representation of the source code structure further enhance the user's insight into the states' interconnected changes over time. Our solution is accessible via a web-based interface that provides GPU-accelerated live execution of C++ and GLSL code, as well as supporting a domain-specific programming language for scientific visualization.
@article{bolte2019visavis,
author= {Bolte, Fabian and Bruckner, Stefan},
journal= {IEEE Transactions on Visualization and Computer Graphics},
title= {Vis-a-Vis: Visual Exploration of Visualization Source Code Evolution},
year= {2021},
keywords= {Visualization System and Toolkit Design;User Interfaces;Integrating Spatial and Non-Spatial Data Visualization;Software Visualization},
doi= {10.1109/TVCG.2019.2963651},
issn= {2160-9306},
url= {https://arxiv.org/pdf/2001.02092.pdf},
abstract= {Developing an algorithm for a visualization prototype often involves the direct comparison of different development stages and design decisions, and even minor modifications may dramatically affect the results. While existing development tools provide visualizations for gaining general insight into performance and structural aspects of the source code, they neglect the central importance of result images unique to graphical algorithms. In this paper, we present a novel approach that enables visualization programmers to simultaneously explore the evolution of their algorithm during the development phase together with its corresponding visual outcomes by providing an automatically updating meta visualization. Our interactive system allows for the direct comparison of all development states on both the visual and the source code level, by providing easy to use navigation and comparison tools. The on-the-fly construction of difference images, source code differences, and a visual representation of the source code structure further enhance the user's insight into the states' interconnected changes over time. Our solution is accessible via a web-based interface that provides GPU-accelerated live execution of C++ and GLSL code, as well as supporting a domain-specific programming language for scientific visualization.},
pdf= {pdfs/Bolte-2019-Visavis.pdf},
images= {images/Bolte-2019-Visavis.png},
thumbnails= {images/Bolte-2019-Visavis_thumb.png},
youtube= {https://www.youtube.com/watch?v=5XO6BU4j1KQ},
volume = {27},
number = {7},
pages = {3153--3167},
project = "MetaVis"
}
projectidMetaVisprojectid

Media

Downloads

Full paper [PDF]