Bio Datavis

An artful visualization of biometric data.

For: Fitness Science Startup
Role: Design and implementation

A client in the fitness space approached me with the request to create a data visualization that interpreted a few biological rhythms, which their users could measure over time. The visuals would update every day with new data for each user, and they would be displayed in a major screen of their upcoming mobile app. This dynamic system would serve as an abstract representation of their current physical state in any given day.

After multiple iterations, we developed a volumetric shape that deformed in different ways based on a combination of the user’s DNA, and their recent and historical data. Additional visual treatments like blur, noise and lensing effects were added to align with the client’s branding and visual identity.

This system is rendered in real-time in WebGL, and is currently being ported to mobile native APIs. It’s completely parametric and highly customizable.

Through a custom web tool, the client was able to explore how each data point would affect the visual result, and customize its colors, shading, animation and overall look. Multiple exporters allow them to save images, videos, and random variations of the blob shape to use in future design or branding applications.