Widgets
Metric Widget

Intro
The Metric Widget presents a high-level interpretation based on metrics derived from data collected over an extended period. By aggregating multiple measurements, it offers users a broader understanding of their health trends and insights. Ideal for users interested in comprehensive health tracking, this widget can display aggregated values like stress levels or fitness scores. It’s designed to provide an overview that aids in interpreting long-term health progress.
Layout
Small
Default
﻿
Variation: "arc"
﻿
﻿View the IntelliWidgets.js reference ->﻿﻿
Usage
Creating the widget
The code snippet below creates a Metric 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",
    "metric",
    config,
    variation,
    themeOverrides
);
const intelli = IntelliProveWidgets("test_at_WKBDJytNjPY7HfzYmCYZ7AriWRqKymqprvccQnCBwuqDAfitVe");

const config = { /* config */ };
const variation = "default";
const themeOverrides = { /* theme overrides */ };
intelli.mountWidget(
    "#heart-rate-tile",
    "metric",
    config,
    variation,
    themeOverrides
);
﻿
Config
The Metric widget requires additional configuration parameters that describes which parameter should be displayed.
Config
const config = {
   parameter: "resting_heart_rate"
}
const config = {
   parameter: "resting_heart_rate"
}
﻿
Property
Description
parameter
string
Metric of choice
List of available metrics﻿:
"resting_heart_rate"
"resting_respiratory_rate"
"mental_stress"
"mental_health_risk"
"sleep_quality"
"energy_balance"
Variation
Two variations of the Metric widget are available:
"default"
"arc"
Theme Overrides
The Metric Widget allows individual fine-tuning of the appearance﻿.
The used accent colors are:
Functional Primary 500
Functional Secondary 500
Functional Tertiary 500
﻿
Property	Description
parameter string	Metric of choice
Biomarker Widget
Graph Widget