Biomarker Widget

Intro

The Biomarker Widget displays an objective indicator of health captured during a Face Scan , such as heart rate or respiratory rate. This widget is essential for users who need immediate, real-time feedback on specific health parameters. It’s designed for quick, actionable insights, making it easy for users to assess their current state and understand individual biomarker values. Integrate it within your platform to give users a clear, snapshot view of a particular aspect of their health.

Layout

Small

Default

View the IntelliWidgets.js reference ->

Usage

Creating the widget

The code snippet below creates a Biomarker widget and mounts it to the DOM:

Create and mount widget

const intelli = IntelliProveWidgets("user_action_token");

const config = { /* config */ };
const variation = "default";
const themeOverrides = { /* theme overrides */ };
intelli.mountWidget(
    "#heart-rate-tile",
    "biomarker",
    config,
    variation,
    themeOverrides
);

Config

The Biomarker widget requires additional configuration parameters that describe which kind of biomarker should be displayed and which Face Scan is referenced to display the value.

Config

const config = {
   parameter: "heart_rate"
}

Property	Description
parameter string	Biomarker of choice

List of available biomarkers:

Parameter
heart_rate
respiratory_rate
resonant_breathing
heart_rate_variability
systolic_blood_pressure
diastolic_blood_pressure

Variation

The Biomarker Widget supports two variations (i.e. layouts):

Variation
default
small

Theme Overrides

The Biomarker Widget allows individual fine-tuning of the appearance.