Dashboard widgets
The CloudFlow widget lets you display data from CloudFlow steps and Datastore tables directly on your DoiT dashboards. You can add multiple widgets to any dashboard, each connected to a different data source and configured with its own visualization.
Add a CloudFlow widget
-
Sign in to the DoiT console, navigate to Dashboards, and open the dashboard you want to edit.
-
Select Add widget, then choose CloudFlow from the widget list.
-
A new CloudFlow widget is added to your dashboard. Select the three-dot menu (⋮) on the widget and choose Configure to set it up.
Data sources
Each widget connects to one of two data source types:
-
Flow step — Select a flow, a step within that flow, and a data path. The widget displays data from the last successful execution of the selected flow.
-
Datastore table — Select a Datastore table. The widget displays the current records from that table.
Flow step configuration
When you choose Flow step as the source:
-
Select a Flow from the list of available flows.
-
Select a Step (node). Steps are listed in execution order.
-
Select a Data path. Data paths are auto-discovered from the step's output — they represent all arrays of objects found in the execution result.
The selected flow must have been executed at least once for data paths to be available. If a flow has never run, execute it first.
Datastore table configuration
When you choose Datastore table as the source, select a table from the dropdown. The widget will display all records from that table.
Display types
After selecting a data source, choose how to visualize the data:
Table
Displays data in a sortable data grid. You can optionally select which columns to show and configure a default sort field and direction.
Column chart
Renders a vertical bar chart. Configuration:
- X-axis — the field used for categories.
- Y-axis fields — one or more numeric fields, each assigned to the left or right axis.
- Group by (optional) — a field to create grouped bars.
Stacked column chart
Same configuration as the column chart, but bars are stacked rather than side by side.
Line chart
Renders trend lines. Uses the same axis configuration as the column chart.
Column and line (combo)
Combines bar and line series on the same chart. Each Y-axis field can be toggled between bar and line.
Metric
Displays a single aggregated value prominently. Configuration:
- Metric field — the field to aggregate.
- Aggregation — how to compute the value: Sum, Average, Min, Max, Count, or Last.
- Metric prefix (optional) — a string prepended to the displayed value, such as
$or€.
When the data source is a flow step, the metric widget also shows:
- A sparkline — a small trend line based on recent executions.
- A percentage change indicator — an up or down arrow showing the change from the previous execution.
Rename a widget
By default, a widget is titled based on its data source (for example, "Data from SQL"). To change the title:
-
Select the three-dot menu (⋮) on the widget.
-
Select Rename and enter a new title.
Refresh data
Widgets show a "Last updated" timestamp based on the most recent execution or table modification time. To manually refresh:
-
Select the three-dot menu (⋮) on the widget.
-
Select Refresh.
Remove a widget
-
Select the three-dot menu (⋮) on the widget.
-
Select Remove.