Skip to main content

Dashboards

Dashboards

Dashboards are used to monitor and analyze your fleet performance at various conditions, to increase the efficiency and report the factors, parameters responsible for the particular performance

Creating your first dashboard

On the side menu, click on the + icon.

add dashboard

On the Create new dashboard page click on New dashboard

create dashboard

  • In the Name field, enter a name for your dashboard.
  • In the Fleet field, add the tags corresponding to the group of assets you want to target with this dashboard. You can add tags using the asset manager page.
  • Choose the confidentiality setting
  • Optional: Tick the checkbox set this dashboard as reference to be able to reuse this dashboard as a template
  • Click on CREATE NEW DASHBOARD

create dashboard at last

You can delete or edit your newly created dashboard from the top right ... menu.

create dashboard at last

Adding Widgets

Three methods to add widgets:

  • Create a new widget- A blank panel appears

create dashboard at last

  • Cloning an existing widget- A copy of existing widget can be created which appears at the end of dashboard and you can edit it further

create dashboard at last

  • Import a widget JSON descriptor

Editing Widgets

a widget

After creating a new widget, a blank panel appears at the end of the dashboard.

an empty widget

  • On the top right corner of the widget click on ... to open the menu.
  • Click on Edit

an empty widget

  • The following form appears:

widget form

General

  • Title: Text field, Enter the name of the widget

  • Panel type: dropdown, select the type of the widget

    • Graph: Any plot. , i.e., time series, distribution
    • Indicator: Numerical representation display
    • Map: Geographic image for geo localized component
    • Iframe: Custom widget import i.e.: weather, energy markets,temperature forecast
  • Show header: Hide / show the title of the widget in the dashboard

  • Description: A tooltip shown on the information icon of the widget, you can add all information regarding the widget which will be displayed

    description

Data source

A data source is usually a time series containing the values corresponding to a sensor for a group of components and a given time frame.

  • Click on the Data source tab.
  • Click on + Add to add a new Data source

widget form

  • Top field: Text field, Enter the name of the data source
  • Data: dropdown, select the type of the data source
    • Sensor: Raw data from sensors attached to the model of the components in the dashboard
      • dropdown, list of sensor available in this dashboard
    • Fleet metrics: Computed data automatically available depending on the components in the dashboard
  • Time span: dropdown, select the type of time frame:
    • Realtime: Moving time frame
    • Range: Fixed time frame defined by a start date and an end date
  • Targeted assets: Source components used for the sensor data, you can select the components by tags for which you want to see the performance
  • Mode: Select the type of plot mode
    • Time series: Raw sensor value with respect to time range
    • Distribution: Raw sensor value with respect to time spent on that value out of the total time
  • Single asset aggregation: Aggregation method per component
  • Fleet aggregation: Aggregation method across number of components in a particular fleet

Visualization

Traces represent how a data source is displayed . A trace must be created for a data source to appear on the widget

  • Click on Traces
  • Click on + Add to add a new trace

widget form

Select the data source for which you want to trace plot.

If you want to display the data in different styling, you can take inspiration from the following example.

Copy-paste & edit the JSON string in the Style field.

Trace style

ColorIDPreview
Primary#5867dd
Success#0abb87
Warning#ffb822
Danger#fd397a
Brand#5d78ff

Bar

{
"text":"Bar name",
"type": "bar",
"marker": {
"color": "#ffb822"
}
}

For eg.

bar widget

Line

{
"text":"Line name",
"line":{
"shape":"spline",
"smoothing":1,
"dash":"dot",
"color":"#5d78ff"
}
}