Widgets
Biomarker Widget

Intro
The Biomarker Widget displays an objective indicator of health captured during a Health Check, 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
﻿
Variation: "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("test_at_WKBDJytNjPY7HfzYmCYZ7AriWRqKymqprvccQnCBwuqDAfitVe");

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

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 Health Check is referenced to display the value.
Config
const config = {
   uuid: "3db0ca35ba713354bfc2c2c215aba2a9"
   parameter: "heart_rate"
}
const config = {
   uuid: "3db0ca35ba713354bfc2c2c215aba2a9"
   parameter: "heart_rate"
}
﻿
Property
Description
uuid
optional string 
Unique (internal) reference to a performed Health Check.
Set to null to display a placeholder widget.
parameter
string
Biomarker of choice
List of available biomarkers﻿:
"heart_rate"
"respiratory_rate"
"resonant_breathing"
"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
uuid optional string	Unique (internal) reference to a performed Health Check. Set to null to display a placeholder widget.
parameter string	Biomarker of choice
Widgets
Metric Widget