Widgets
Well-Being Circle Widget

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("test_at_WKBDJytNjPY7HfzYmCYZ7AriWRqKymqprvccQnCBwuqDAfitVe");

const config = { /* config */ };
const variation = "default";
const themeOverrides = { /* theme overrides */ };
intelli.mountWidget(
    "#wb-circle-tile",
    "well-being-circle",
    config,
    variation,
    themeOverrides
);
const intelli = IntelliProveWidgets("test_at_WKBDJytNjPY7HfzYmCYZ7AriWRqKymqprvccQnCBwuqDAfitVe");

const config = { /* config */ };
const variation = "default";
const themeOverrides = { /* theme overrides */ };
intelli.mountWidget(
    "#wb-circle-tile",
    "well-being-circle",
    config,
    variation,
    themeOverrides
);
﻿
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
﻿
Graph Widget
User Journey Widget