Augmenting Sports Videos with VisCommentator

Visualizing data in sports videos is gaining traction in sports analytics, given its ability to communicate insights and explicate player strategies engagingly. However, augmenting sports videos with such data visualizations is challenging, especially for sports analysts, as it requires considerable expertise in video editing. To ease the creation process, we present a design space that characterizes augmented sports videos at an element-level (what the constituents are) and clip-level (how those constituents are organized). We do so by systematically reviewing 233 examples of augmented sports videos collected from TV channels, teams, and leagues. The design space guides selection of data insights and visualizations for various purposes. Informed by the design space and close collaboration with domain experts, we design VisCommentator, a fast prototyping tool, to eases the creation of augmented table tennis videos by leveraging machine learning-based data extractors and design space-based visualization recommendations. With VisCommentator, sports analysts can create an augmented video by selecting the data to visualize instead of manually drawing the graphical marks. Our system can be generalized to other racket sports (e.g., tennis, badminton) once the underlying datasets and models are available. A user study with seven domain experts shows high satisfaction with our system, confirms that the participants can reproduce augmented sports videos in a short period, and provides insightful implications into future improvements and opportunities.

[1]  Yifan Wang,et al.  ShuttleSpace: Exploring and Analyzing Movement Trajectory in Immersive Visualization , 2020, IEEE Transactions on Visualization and Computer Graphics.

[2]  Roman Voeikov,et al.  TTNet: Real-time temporal and spatial video analysis of table tennis , 2020, 2020 IEEE/CVF Conference on Computer Vision and Pattern Recognition Workshops (CVPRW).

[3]  Hui Zhang,et al.  iTTVis: Interactive Visualization of Table Tennis Data , 2018, IEEE Transactions on Visualization and Computer Graphics.

[4]  Yong Wang,et al.  EmotionCues: Emotion-Oriented Visual Summarization of Classroom Videos , 2020, IEEE Transactions on Visualization and Computer Graphics.

[5]  Ali Farhadi,et al.  You Only Look Once: Unified, Real-Time Object Detection , 2015, 2016 IEEE Conference on Computer Vision and Pattern Recognition (CVPR).

[6]  Yingcai Wu,et al.  EventAnchor: Reducing Human Interactions in Event Annotation of Racket Sports Videos , 2021, CHI.

[7]  Wei Chen,et al.  Towards Better Detection and Analysis of Massive Spatiotemporal Co-Occurrence Patterns , 2021, IEEE Transactions on Intelligent Transportation Systems.

[8]  Bongshin Lee,et al.  Timelines Revisited: A Design Space and Considerations for Expressive Storytelling , 2017, IEEE Transactions on Visualization and Computer Graphics.

[9]  Peiran Ren,et al.  Design guidelines for augmenting short-form videos using animated data visualizations , 2020, J. Vis..

[10]  Huamin Qu,et al.  Multimodal Analysis of Video Collections: Visual Exploration of Presentation Techniques in TED Talks , 2020, IEEE Transactions on Visualization and Computer Graphics.

[11]  Yalong Yang,et al.  SportsXR - Immersive Analytics in Sports , 2020, ArXiv.

[12]  Yingcai Wu,et al.  Tac-Miner: Visual Tactic Mining for Multiple Table Tennis Matches , 2021, IEEE Transactions on Visualization and Computer Graphics.

[13]  Pierre Dragicevic,et al.  Video browsing by direct manipulation , 2008, CHI.

[14]  Daniel A. Keim,et al.  Revealing the Invisible: Visual Analytics and Explanatory Storytelling for Advanced Team Sport Analysis , 2018, 2018 International Symposium on Big Data Visual and Immersive Analytics (BDVA).

[15]  Nick Montfort Ordering Events in Interactive Fiction Narratives , 2007, AAAI Fall Symposium: Intelligent Narrative Technologies.

[16]  Mingliang Xu,et al.  Towards Better Bus Networks: A Visual Analytics Approach , 2021, IEEE Transactions on Visualization and Computer Graphics.

[17]  Yun Wang,et al.  DataShot: Automatic Generation of Fact Sheets from Tabular Data , 2020, IEEE Transactions on Visualization and Computer Graphics.

[18]  Yuzhen Niu,et al.  Direct manipulation video navigation in 3D , 2013, CHI.

[19]  Jeffrey Heer,et al.  Narrative Visualization: Telling Stories with Data , 2010, IEEE Transactions on Visualization and Computer Graphics.

[20]  Huang-Chia Shih,et al.  A Survey of Content-Aware Video Analysis for Sports , 2017, IEEE Transactions on Circuits and Systems for Video Technology.

[21]  Kaiming He,et al.  Faster R-CNN: Towards Real-Time Object Detection with Region Proposal Networks , 2015, IEEE Transactions on Pattern Analysis and Machine Intelligence.

[22]  Yingcai Wu,et al.  A Visual Analytics Approach for Exploratory Causal Analysis: Exploration, Validation, and Applications , 2020, IEEE Transactions on Visualization and Computer Graphics.

[23]  Jian Sun,et al.  Deep Residual Learning for Image Recognition , 2015, 2016 IEEE Conference on Computer Vision and Pattern Recognition (CVPR).

[24]  Neil Cohn,et al.  Visual Narrative Structure , 2013, Cogn. Sci..

[25]  Daniel A. Keim,et al.  Bring It to the Pitch: Combining Video and Movement Data to Enhance Team Sport Analysis , 2018, IEEE Transactions on Visualization and Computer Graphics.

[26]  Ross T. Smith,et al.  Examining the use of narrative constructs in data videos , 2020, Vis. Informatics.

[27]  Daniel A. Keim,et al.  Video-based Analysis of Soccer Matches , 2019, MMSports '19.

[28]  Christophe Hurter,et al.  Understanding Data Videos: Looking at Narrative Visualization through the Cinematography Lens , 2015, CHI.

[29]  Tim Kraska,et al.  VizNet: Towards A Large-Scale Visualization Learning and Benchmarking Repository , 2019, CHI.

[30]  Fei-Fei Li,et al.  ImageNet: A large-scale hierarchical image database , 2009, 2009 IEEE Conference on Computer Vision and Pattern Recognition.

[31]  Christopher Collins,et al.  DimpVis: Exploring Time-varying Information Visualizations by Direct Manipulation , 2014, IEEE Transactions on Visualization and Computer Graphics.

[32]  Wanqing Li,et al.  Human detection from images and videos: A survey , 2016, Pattern Recognit..

[33]  Jeffrey Heer,et al.  Formalizing Visualization Design Knowledge as Constraints: Actionable and Extensible Models in Draco , 2018, IEEE Transactions on Visualization and Computer Graphics.

[34]  Hanspeter Pfister,et al.  DataToon: Drawing Dynamic Network Comics With Pen + Touch Interaction , 2019, CHI.

[35]  Huamin Qu,et al.  Augmenting Static Visualizations with PapARVis Designer , 2020, CHI.

[36]  Gierad Laput,et al.  PixelTone: a multimodal interface for image editing , 2013, CHI.

[37]  Yong Wang,et al.  Towards Automated Infographic Design: Deep Learning-based Auto-Extraction of Extensible Timeline , 2019, IEEE Transactions on Visualization and Computer Graphics.

[38]  James D. Hollan,et al.  Direct Manipulation Interfaces , 1985, Hum. Comput. Interact..

[39]  Bongshin Lee,et al.  Authoring Data-Driven Videos with DataClips , 2017, IEEE Transactions on Visualization and Computer Graphics.

[40]  Alex Endert,et al.  EmoCo: Visual Analysis of Emotion Coherence in Presentation Videos , 2019, IEEE Transactions on Visualization and Computer Graphics.

[41]  Wei Chen,et al.  PassVizor: Toward Better Understanding of the Dynamics of Soccer Passes , 2021, IEEE Transactions on Visualization and Computer Graphics.

[42]  Mira Dontcheva,et al.  Vocal Shortcuts for Creative Experts , 2019, CHI.

[43]  Suwen Lin,et al.  GameViews: Understanding and Supporting Data-driven Sports Storytelling , 2019, CHI.

[44]  Yong Wang,et al.  A Visual Analytics Approach to Facilitate the Proctoring of Online Exams , 2021, CHI.

[45]  Can Zhang,et al.  PAN: Persistent Appearance Network with an Efficient Motion Cue for Fast Action Recognition , 2019, ACM Multimedia.

[46]  Yang Shi,et al.  Calliope: Automatic Visual Data Story Generation from a Spreadsheet , 2020, IEEE Transactions on Visualization and Computer Graphics.

[47]  John T. Stasko,et al.  Understanding the Design Space and Authoring Paradigms for Animated Data Graphics , 2020, Comput. Graph. Forum.

[48]  J. Pearl Causality: Models, Reasoning and Inference , 2000 .

[49]  John T. Stasko,et al.  State of the Art of Sports Data Visualization , 2018, Comput. Graph. Forum.

[50]  Kanit Wongsuphasawat,et al.  Voyager: Exploratory Analysis via Faceted Browsing of Visualization Recommendations , 2016, IEEE Transactions on Visualization and Computer Graphics.

[51]  Yingcai Wu,et al.  MARVisT: Authoring Glyph-Based Visualization in Mobile Augmented Reality , 2020, IEEE Transactions on Visualization and Computer Graphics.