Dashboards and Analytics

Dashboards combine query results, entity lists, and metric time-series charts into customized, interactive operational views.

Whether you need a high-level executive summary, a real-world server monitoring wallboard, or a team SLA portal, Dashboards allow you to drag, resize, and configure visual blocks.

---

1. Available Dashboard Block Types

Block Type	Description	Best Used For
Stat Block	Single KPI metric number with optional trend indicator (e.g. Total Revenue, Active Incidents).	High-level status counters and goal targets.
Chart Block	Interactive line, bar, or area time-series plot.	Visualizing CPU %, sales revenue, or latency over time.
Gauge Block	Radial speed/percentage meter showing min/max bounds.	Operational capacity, disk usage %, SLA target meters.
List Block	Filtered entity table list displaying specific columns.	Recent support tickets, active alerts, server inventory.

---

2. Step-by-Step: Building a Dashboard

1. Navigate to Dashboards → Search via the navigation launcher.
2. Click + Create Dashboard.
3. Enter a title (e.g., Infrastructure Operations Portal) and description.
4. Click + Add Block:
   • Choose a block type (Stat, Chart, Gauge, or List).
   • Select the target Template (e.g., Server Node).
   • Configure metric aggregation function (AVG, SUM, COUNT, MAX, MIN).
   • Set custom time range and refresh interval.
5. Drag and Resize: Drag blocks across the grid layout to position them.
6. Click Save Dashboard.

---

💡 Developer Architecture Note

[!NOTE] Optimized Aggregations & Gridster Layout: Dashboards leverage Angular Gridster2 for responsive drag-and-drop layouts. Query blocks pull pre-aggregated metric buckets from TimescaleDB endpoints, eliminating client-side calculation overhead and allowing dashboard screens to auto-refresh smoothly.

---

Next Steps

[!TIP]

• Trigger automated alerts based on dashboard conditions in Automations.
• Track project billing usage in Billing & Usage.