Litcius/Paper detail

ScrollyVis: Interactive Visual Authoring of Guided Dynamic Narratives for Scientific Scrollytelling

Eric Mörth, Stefan Brückner, Noeska Smit

2022IEEE Transactions on Visualization and Computer Graphics35 citationsDOIOpen Access PDF

Abstract

Visual stories are an effective and powerful tool to convey specific information to a diverse public. Scrollytelling is a recent visual storytelling technique extensively used on the web, where content appears or changes as users scroll up or down a page. By employing the familiar gesture of scrolling as its primary interaction mechanism, it provides users with a sense of control, exploration and discoverability while still offering a simple and intuitive interface. In this article, we present a novel approach for authoring, editing, and presenting data-driven scientific narratives using scrollytelling. Our method flexibly integrates common sources such as images, text, and video, but also supports more specialized visualization techniques such as interactive maps as well as scalar field and mesh data visualizations. We show that scrolling navigation can be used to traverse dynamic narratives and demonstrate how it can be combined with interactive parameter exploration. The resulting system consists of an extensible web-based authoring tool capable of exporting stand-alone stories that can be hosted on any web server. We demonstrate the power and utility of our approach with case studies from several diverse scientific fields and with a user study including 12 participants of diverse professional backgrounds. Furthermore, an expert in creating interactive articles assessed the usefulness of our approach and the quality of the created stories.

Topics & Concepts

ScrollingComputer scienceVisualizationHuman–computer interactionRendering (computer graphics)MultimediaWorld Wide WebStorytellingHyperlinkInteractive storytellingField (mathematics)GestureInteractive visualizationNarrativeTraverseUser interfaceWeb pageComputer graphics (images)Artificial intelligenceOperating systemLinguisticsGeodesyMathematicsGeographyPure mathematicsPhilosophyData Visualization and AnalyticsVideo Analysis and SummarizationMultimedia Communication and Technology