Widgets

An overview of all Widgets provided by the board editor

Kelli avatar
Written by Kelli
Updated over a week ago

You can use the various Widgets provided by the board editor to visualize data within your board. 

Widgets get populated with data through Metrics. You will need to already have some Metrics created in order
to use Widgets. 

You can send data to a Widget by updating the Metric Source for the Widget. 

In the image below we've added a Number Widget to our board. We are now required to specify a Metric Source before our Number Widget can display data.

After clicking the Metric Source field highlighted above, you will see a dropdown menu listing all of the Metrics you've created. The dropdown menu will only show Metrics that are compatible with the Widget you've selected. For example, if you wanted to use a Number Widget, you would only see Number type Metrics in the dropdown.

After selecting the Metric you'd like to use, you'll have to click Set Metric. Your Widget will now display the metric data as shown below.

The image below highlights all the Widgets available in the board editor.

Number Widget: Allows you to display the value of a Number Metric.

When setting the metric source for a Number Widget, you have the option of applying a transformation instead of displaying the current value of the metric.

Text Widget: Allows you to display the value of a Text Metric.

Linechart Widget: Allows you to display the changes to the value of a Number Metric over time. 

Also supports the Set Metric (e.g. Array Metric). When a Set is specified for the Metric Source, the value of each index in the Set gets plotted over the Linechart.

Gauge Widget: Allows you to display the value of a Number Metric.

When setting the metric source for a Gauge Widget, you have the option of applying a transformation instead of displaying the current value of the metric.

Table Widget: Allows you to display the value of a Table Metric.

Piechart: Allows you to display compare the values of multiple Number Metrics through a Piechart. 

While this widget does use Number Metrics, it only supports the Current Value transformation.

Barchart: Allows you to display the keys and values of a Dictionary Metric through a bar graph.

Did this answer your question?