Data Playwright: Authoring Data Videos with Annotated Narration

Leixian Shen 1   Haotian Li 1   Yun Wang 2   Tianqi Luo 3    Yuyu Luo 1, 3   Huamin Qu 1  

1The Hong Kong University of Science and Technology, Hong Kong SAR, China  
2Microsoft, Beijing, China  
3The Hong Kong University of Science and Technology (Guangzhou), Guangzhou, China  

IEEE Transactions on Visualization and Computer Graphics



Abstract:

Creating data videos that effectively narrate stories with animated visuals requires substantial effort and expertise. A promising research trend is leveraging the easy-to-use natural language (NL) interaction to automatically synthesize data video components from narrative content like text narrations, or NL commands that specify user-required designs. Nevertheless, previous research has overlooked the integration of narrative content and specific design authoring commands, leading to generated results that lack customization or fail to seamlessly fit into the narrative context. To address these issues, we introduce a novel paradigm for creating data videos, which seamlessly integrates users’ authoring and narrative intents in a unified format called annotated narration, allowing users to incorporate NL commands for design authoring as inline annotations within the narration text. Informed by a formative study on users’ preference for annotated narration, we develop a prototype system named Data Playwright that embodies this paradigm for effective creation of data videos. Within Data Playwright, users can write annotated narration based on uploaded visualizations. The system’s interpreter automatically understands users’ inputs and synthesizes data videos with narration-animation interplay, powered by large language models. Finally, users can preview and fine-tune the video. A user study demonstrated that participants can effectively create data videos with Data Playwright by effortlessly articulating their desired outcomes through annotated narration.

Introduction Video:




Resources:





PaperSupp

Example Gallery:





Here are just a few examples presented in the paper; more can be found in the supplementary material.