Overview
Widgets are what constitute a dashboard. They are the most basic components that display a piece of information.
Widget Library
NOTE: Widget Library is being expanded based on customer feedback, the below table represents available widgets as of 10/26/2021.
# | Widget | Description | Configuration Workflow | Visual Appearance Example |
1 | Charts |
|||
1.1 | Area Chart | combines the line chart and bar chart to show how one or more groups |
|
![]() |
1.2 |
Bar Chart |
Vertical Bar Chart presenting categorical data with rectangular bars with heights or lengths proportional to the values that they represent |
|
![]() |
1.3 | Doughnut Chart | A pie chart with a "hole" - a blank circular area in the center. The chart is divided into parts that show the percentage each value contributes to a total. |
|
![]() |
1.4 | Horizontal Bar Chart | Horizontal Bar Chart presenting categorical data with rectangular bars with heights or lengths proportional to the values that they represent |
|
![]() |
1.5 | Line Chart | A graphical representation of historical values that connects a series of data points with a continuous line |
|
![]() |
1.6 | Pie Chart | A circular statistical graphic, which is divided into slices to illustrate numerical proportion. |
|
![]() |
1.7 | Scatter Plot | Uses dots to represent values for two different numeric variables. The position of each dot on the horizontal and vertical axis indicates values for an individual data point. Scatter plots are used to observe relationships between variables. |
|
|
2 | Equipment and Peripherals 3D Models | |||
2.1 |
Coils |
TBD |
|
![]() ![]() |
2.2 |
Dampers |
TBD |
![]() ![]() |
|
2.3 |
Ductwork |
TBD |
![]() ![]()
|
|
2.4 |
Equipment |
TBD |
![]() ![]()
|
|
2.5 |
Fans |
TBD |
![]() ![]()
|
|
2.6 |
Filters |
TBD |
![]() ![]()
|
|
2.7 |
Hydronics |
TBD |
![]() ![]()
|
|
2.8 |
Pipes |
TBD |
![]() ![]()
|
|
2.9 |
Pumps |
TBD |
![]() ![]()
|
|
2.10 |
Sensors |
TBD |
![]() |
|
3 | Images |
|||
3.1 | Image | External image uploading |
|
![]() |
4 | Layout | |||
4.1 |
Column |
Arranges widgets inside the container in a column |
|
![]() |
4.2 |
Row |
Arranges widgets inside the container in a row |
|
![]() |
5.1 |
Circle |
Circle shape |
|
![]() ![]() |
5.2 |
Ellipse |
Ellipse shape |
![]() ![]() |
|
5.3 |
Line Shape |
Line shape |
![]() ![]() |
|
5.4 |
Rectangle |
Rectangle shape |
![]() |
|
5.5 |
Square |
Square shape |
![]() |
|
6 | Text |
|||
6.1 |
Link |
Clickable link |
|
![]() ![]()
|
6.2 |
Table |
Data table |
|
![]() ![]()
|
6.3 |
Tag |
Retrieves value of a Tag |
|
|
6.4 |
Text |
Hardcoded plain text |
|
|
6.5 |
Value |
Retrieves value of a Point |
|
![]() |
7 | Widgets |
|||
7.1 |
Dual Setpoint Thermostat |
Retrieves and overrides setpoint value |
|
![]() ![]()
|
7.2 |
Icon |
An icon from the icon library |
|
![]() |
7.3 |
IFrame |
Custom Iframe |
|
![]() ![]() |
7.4 |
Map |
Location map |
|
![]() ![]() |
7.5 |
Slider |
Retrieves and overrides setpoint value (enum) |
|
![]() ![]()
|
7.6 |
Thermostat |
Retrieves and overrides setpoint value |
|
![]() |