Well-Being Circle Widget V1 - deprecated

Intro

The Well-Being Circle Widget provides a quick and comprehensive overview of the user’s overall health status. Displaying individual scores across key health topics gives users an easy-to-read assessment of their physical, mental, and emotional well-being. This widget adapts to real-time updates, making it ideal for platforms focused on continuous health monitoring. Integrate it anywhere on your site to provide users with a rapid visual snapshot of their overall wellness.

Layout

Large

View the IntelliWidgets.js reference ->

Usage

Creating the widget

The code snippet below creates a Well-being 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(
    "#wb-circle-tile",
    "well-being-circle",
    config,
    variation,
    themeOverrides,
    1
);

Config

The Well-being Circle widget requires no additional configuration parameters.

Variation

Only one variation of the Well-being Circle Widget is available.

• “default”

Theme Overrides

The Well-being Circle Widget allows individual fine-tuning of the appearance.

The used accent colors are:

• Brand primary
• Brand secondary
• Support 500