Widgets
A widget is an individual visual component within a dashboard that displays specific data in a structured format. Widgets act as the building blocks of a dashboard, enabling users to create a customized monitoring view tailored to their needs. Each widget can be configured by selecting the data source, metrics, filters, visualization type, and date range, allowing users to monitor specific aspects of overall performance.
Key Capabilities
a. Metric-Specific Tracking: Each widget focuses on a specific metric, ensuring clear and accurate data representation.
b. Flexible Visualization: Supports multiple visualization types (charts, tables, graphs) to represent data effectively.
c. Customizable Layout: Widgets can be added, removed, resized, and rearranged within the dashboard as needed.
d. Real-Time Data: Connects to live data sources to provide up-to-date insights.
e. Interactive Analysis: Enables filtering and drill-down capabilities for deeper data exploration.
Creating New Widget
When an existing dashboard is cloned, the Add Widget option becomes available. Selecting this option opens the Create New Widget feature, which allows users to build a new dashboard widget by selecting data, defining metrics, applying filters, and configuring the visualization.
This feature helps transform dashboard data into clear, reusable insights for monitoring, reporting, and analysis.
Widget Configuration
The Widget Configuration section defines what data the widget displays and how it is structured. It includes Data Selection and Visualization settings.
A. Data Selection
The Data Selection section is used to define the dataset, metric, and data conditions for the widget.
1. View
The View field defines the dataset perspective used for analysis. It determines how data is grouped and interpreted within the selected data source.
Purpose: Used to select the logical representation that drives data analysis.
Description: A view defines how data is structured and accessed within the selected dataset.
Behavior
a. Available views are specific to the selected dataset.
b. Changing the view updates the available metrics and fields.
c. A contextual description is displayed for the selected view.
2. Metric
The Metric field defines the value calculated from the selected view and displayed in the widget. It represents the key measurement or KPI being tracked, such as count, latency, cost, or usage.
Purpose: Used to select the key measurement the widget tracks.
Behavior
a. Available metrics are dynamically determined by the selected view.
b. Changing the view updates the list of available metrics.
c. Each metric may include contextual details such as unit, data type, and description.
Example: Selecting Count displays the total number of records in the selected view.
3. Filters
The Filters field refines the dataset by applying one or more conditions. Only records that match the defined criteria are included in the widget output.
Purpose: Used to narrow down the dataset and display only relevant information.
Description: Each filter follows a structured format: Where / And → Column → Operator → Value
Behavior
a. The first condition begins with Where, followed by additional conditions using And.
b. All conditions follow AND logic, meaning every condition must be satisfied.
c. Multiple filters can be added using the + Add Filter
d. Individual filters can be removed using the ×
e. Filter options are dynamically populated based on the selected view.
4. Breakdown Dimension (Optional)
The Breakdown Dimension field groups the selected metric by a specific column, allowing results to be displayed across categories instead of as a single aggregated value.
Purpose: Used to analyze the selected metric across categories.
Behavior
a. The metric is grouped and calculated for each unique value in the selected dimension.
b. When set to None, the widget displays a single aggregated value.
c. Available dimensions are dynamically determined based on the selected view.
B. Visualization
The Visualization section defines how the configured data is presented on the dashboard.
1. Name
The Name field assigns a title to the widget.
Purpose: Provides a clear and identifiable label for the widget on the dashboard.
2. Description
The Description field provides additional context about the widget.
Purpose: Describes the widget’s purpose, configuration, or reporting scope.
3. Chart Type
The Chart Type field defines how the configured metric and data are visually presented in the widget.
Purpose: Used to select the most appropriate visualization format for analysis and reporting.
Description: Different chart types are available depending on the selected metric and configuration.
Time Series
a. Line Chart – Displays trends and patterns of metrics over a continuous time period.
b. Vertical Bar Chart – Represents time-based data in vertical bars for easy period-over-period comparison.
Total Value
a. Big Number – Highlights a single key metric value for quick, at-a-glance monitoring.
b. Horizontal Bar Chart – Compares metric values across categories using horizontal bars.
c. Vertical Bar Chart – Presents total values across categories in a vertical bar format.
d. Histogram – Displays the distribution of data across defined value ranges.
e. Pie Chart – Illustrates proportional breakdowns of total value across segments.
f. Pivot Table – Presents detailed, multi-dimensional data in a structured row-and-column format for granular analysis.
Behavior
a. Available chart types depend on the selected metric and breakdown dimension.
b. Some chart types may be unavailable if they are not compatible with the selected configuration.
c. The selected chart type determines how the widget is rendered on the dashboard.
4. Date Range
The Date Range field defines the time period for which the widget displays data.
Purpose: Controls the reporting window of the widget.
Behavior
a. Restricts data to the selected time period.
b. Supports predefined and custom date ranges.
Save Widget
After completing the Data Selection and Visualization settings, click Save Widget to create and add the widget to the dashboard.
