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 medium intelliwidgets js sdk docid\ dekcuoaphrmczxe caj5v usage creating the widget the code snippet below creates a metric widget and widgets docid\ sxvsw2jfsohr7xbxeyz j 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", "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" } property description parameter string metric of choice list of available metrics docid\ yeqwskx81eju z8n3djhy parameter layouts resting heart rate small resting respiratory rate small mental stress small mental health risk small sleep quality small energy balance small general fitness level small hypertension risk medium variation two variations of the metric widget are available "default" "arc" theme overrides the metric widget allows widget appearance the used accent colors are functional primary 500 functional secondary 500 functional tertiary 500 json data retrieve the metric widget data in json format using the rest api docid\ biupvixvhltbukklr2ati the data field of the response body describes the widget properties the metric widget consists of the following fields (similar to the biomarker widget) the value is the actual numerical value it can be an integer or a floating point number the unit holds a textual value for the unit of the parameter the range represents the entire span of possible values for that the parameter, indicated by minimum and a maximum the zone indicates where the actual value falls, among three categories related to the health condition "good" ( zone 1 ) "neutral" ( zone 2 ) "bad" ( zone 3 ) the optimum defines how the range should be interpreted and visualized there are three possible values for optimum "low," "high," and "middle " for "low" lower values are categorized as "good" (green color), while higher values are categorized as "bad" (red color) for "high" higher values are categorized as "good" (green color), while lower values are categorized as "bad" (red color) for "middle" the "good" zone (green color) is centered around the middle of the range values lower or higher than this midpoint are categorized as "bad" (red color)