Widgets

Biomarker Widget

Intro
The Biomarker Widget displays an objective indicator of health captured during a  , 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"
﻿
"arc"
﻿
﻿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
);
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  is referenced to display the value.
Config
const config = {
   face_scan_id: "3db0ca35ba713354bfc2c2c215aba2a9"
   parameter: "heart_rate"
}
const config = {
   face_scan_id: "3db0ca35ba713354bfc2c2c215aba2a9"
   parameter: "heart_rate"
}
﻿
Property
Description
face_scan_id
optional string 
Unique (internal) reference to a performed Face Scan.
Set to null to display a placeholder widget.
parameter
string
Biomarker of choice
List of available biomarkers﻿:
"heart_rate"
"respiratory_rate"
"resonant_breathing_score"
"heart_rate_variability"
Variation
Two variations of the Biomarker widget are available:
"default"
"arc"
Theme Overrides
The Biomarker widget allows individual fine-tuning of the appearance﻿.
The used accent colors are:
Functional Primary 500
Functional Secondary 500
Functional Tertiary 500
﻿

Property	Description
face_scan_id optional string	Unique (internal) reference to a performed Face Scan. Set to null to display a placeholder widget.
parameter string	Biomarker of choice

Updated 17 Dec 2024

IntelliWidgets.js SDK

Metric Widget