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"
"default"
ο»Ώ
"arc"
"arc"
ο»Ώ

Usage

Creating the widget

The code snippet below creates a Metric widget and mountsο»Ώ it to the DOM:

Create and mount widget
ο»Ώ

Config

The Metric widget requires additional configuration parameters that describes which parameter should be displayed.

Config
ο»Ώ

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"
  • "general_fitness_level"

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

ο»Ώ