Skip to main content
All CollectionsUser Guides
Plugins: Bars pareto chart
Plugins: Bars pareto chart

Create a bar chart with a pareto line

David Sepúlveda avatar
Written by David Sepúlveda
Updated over 4 months ago


In today's data-driven world, the ability to monitor and analyze time series data is paramount for businesses and organizations across various domains. As the volume of data continues to grow, having effective tools to visualize and understand this data becomes increasingly important. This bar chart offers a simple yet powerful way to break down data and gain insights quickly, providing a clear and intuitive representation of complex datasets.

Requirements

1. Understanding the widget

This Widget Plugin is capable of breaking down time series data based on context, resulting in a bar chart that's always categorized based on the unique set of values found in a particular context key.

1.1. Data architecture

To achieve the above result, Dots in the source variable must comply with a data architecture so the widget can read it up, and parse it effectively.

The Dots available in the source variable should follow this format:

{
"value": 12,
"timestamp": 1713200780000,
"context": {
"breakdownKey": "breakdownValue"
}
}

2. Widget settings

Follow the steps below to configure the widget:

  1. Select the "Pareto bars" from the widgets creation drawer, down in the "plugin" section:

  2. Select a variable using the "ADD VARIABLE" button:

  3. Configure the parameters:

    1. Category key: Key in context used to categorize the data.

    2. Time variable: Enable if the variable holds time values

    3. Time unit: Select the appropriate option if the variable holds time values. This will translate to a human readable time format.

3. Results

3.1. Static and dynamic dashboards

3.2. Multiple device dashboard

Each column is broken down by the selected devices. In this example, 3 devices:

Did this answer your question?