SwimFlow: Situated Visualization in Motion for Swimming Videos

Description

SwimFlow is currently at the stage of a technology probe with a set of basic features that make it ready for deployment with designers: real data, an underlying video, a simple set of visualization authoring features, features to define the embedding of visualizations, and video playback options. SwimFlow has three main parts: (a) a demo video with attached tracking data, (b) a set of visualization layers over a playable video, and (c) an interactive UI. The visualizations are rendered as overlays over the video — using tracking data, visualizations can move synchronously with data referents but stay on their own visualization layer. The separation of video and visualization layer allows us: (a) to achieve smooth motion and (b) to make it possible for SwimFlow to adapt to various videos and shot types. We developed the interface using web technologies, including JS, HTML, CSS, and PHP.

We are currently working on the advanced version of SwimFlow with a new set of features.

Publications

Presentation & Demo Videos

The SwimFlow

Code

Contacts