- An interactive basketball game watching system.
- A web-based testbed for embedded visualization research.
- 🌟 Live Demo 🌟 (only works on Desktop Chrome / Edge)
iBall: Augmenting Basketball Videos with Gaze-moderated Embedded Visualizations
Zhutian Chen, Qisen Yang, Jiarui Shan, Tica Lin, Johanna Beyer, Haijun Xia, and Hanspeter Pfister
ACM Conference on Human Factors in Computing Systems, 2023
We present iBall, a basketball video-watching system that leverages gaze-moderated embedded visualizations to facilitate game understanding and engagement of casual fans. Video broadcasting and online video platforms make watching basketball games increasingly accessible. Yet, for new or casual fans, watching basketball videos is often confusing due to their limited basketball knowledge and the lack of accessible, on-demand information to resolve their confusion. To assist casual fans in watching basketball videos, we compared the game-watching behaviors of casual and die-hard fans in a formative study and developed iBall based on the findings. iBall embeds visualizations into basketball videos using a computer vision pipeline, and automatically adapts the visualizations based on the game context and users’ gaze, helping casual fans appreciate basketball games without being overwhelmed. We confirmed the usefulness, usability, and engagement of iBall in a study with 16 casual fans, and further collected feedback from 8 die-hard fans.
- install
yarn
yarn
yarn start
to run this application
- Improve the user interface:
- Select different games
- Legend
- Release the gaze component
- Release the 2nd game data
- Release the CV pipeline
- Better document the code
@CONFERENCE {chen2023iball,
title={iBall: Augmenting Basketball Videos with Gaze-moderated Embedded Visualizations},
author={Zhutian Chen and Qisen Yang and Jiarui Shan and Tica Lin and Johanna Beyer and Haijun Xia and Hanspeter Pfister},
booktitle={Proceedings of the CHI Conference on Human Factors in Computing Systems},
year={2023},
month={apr},
publisher={ACM}
}