Dashboard Overview

Dashboard Overview

The Netwarden dashboard is your central command center for monitoring infrastructure. This guide will walk you through every feature and show you how to get the most out of your monitoring setup.

Dashboard Layout

The dashboard is organized into several key sections for easy navigation:

Navigation Structure

• Top Bar: Account settings, notifications, and quick search
• Side Menu: Main navigation between different sections
• Content Area: Dynamic content based on selected view
• Action Bar: Context-sensitive actions and filters

Main Dashboard

The main dashboard provides a high-level overview of your entire infrastructure:

Key Metrics Panel

At the top of the dashboard, you'll find critical metrics at a glance:

• Total Hosts: Quick count of all monitored servers
• Active Alerts: Number of currently triggered alerts
• Average Uptime: Overall system availability percentage
• Response Time: Average response time across all services

Infrastructure Map

The infrastructure map provides a visual representation of your monitored systems:

Features:

• Interactive Nodes: Click any node to view detailed metrics
• Health Indicators: Color-coded status (green/yellow/red)
• Connection Lines: Show dependencies and data flow
• Real-time Updates: Automatic refresh every 30 seconds

Performance Graphs

Real-time performance graphs show trends over time:

Hosts View

The Hosts view provides detailed information about each monitored server:

Host List

Features:

• Search & Filter: Find hosts by name, IP, tag, or status
• Bulk Actions: Select multiple hosts for mass operations
• Quick Stats: Inline CPU, memory, and disk usage
• Status Badges: Visual indicators for alerts and issues

Host Detail Page

Clicking on a host reveals comprehensive metrics:

System Information

• Basic Info: Hostname, IP addresses, OS version
• Hardware: CPU cores, total RAM, disk capacity
• Agent Details: Version, uptime, last check-in
• Tags: Custom labels for organization

Performance Metrics

Real-time and historical data for:

1. CPU Metrics

   • Overall usage percentage
   • Per-core utilization
   • Load average (1, 5, 15 minutes)
   • Process count

2. Memory Metrics

   • Used vs Available
   • Cache and buffers
   • Swap usage
   • Memory pressure

3. Disk Metrics

   • Space utilization per partition
   • I/O operations per second
   • Read/write throughput
   • Queue depth

4. Network Metrics

   • Bandwidth usage per interface
   • Packet rate
   • Error and drop counts
   • Active connections

Process List

View running processes with sorting and filtering:

PID    USER      %CPU   %MEM   TIME     COMMAND
1234   www-data  15.2   2.4    1:23:45  nginx
5678   mysql     8.7    12.3   5:67:89  mysqld
9012   redis     3.1    0.8    0:45:32  redis-server
3456   root      0.5    0.2    0:12:10  netwarden

Monitoring Section

Alerts Dashboard

The alerts dashboard shows all configured alerts and their current status:

Alert States

• 🟢 OK: Metric is within normal range
• 🟡 Pending: Threshold exceeded, waiting for duration
• 🔴 Triggered: Alert is active and notifications sent
• ⚫ Disabled: Alert is configured but not active

Alert Management

Create and manage alerts with these options:

1. Quick Create: Use templates for common scenarios
2. Advanced Mode: Complex conditions and multiple metrics
3. Bulk Edit: Modify multiple alerts simultaneously
4. Alert Groups: Organize related alerts together

Custom Monitors

Create specialized monitors for specific use cases:

Time Range Selection

Control the time range for all dashboard data:

Options:

• Presets: Quick selection for common time ranges
• Custom Range: Specify exact start and end times
• Relative Time: e.g., "Last 2 hours", "Yesterday"
• Auto Refresh: Set refresh interval (30s, 1m, 5m)

Search and Filtering

Global Search

The global search bar supports multiple search types:

🔍 host:web-* cpu>80 tag:production

Search syntax:

• Text Search: nginx - Find anything containing "nginx"
• Field Search: host:web-01 - Search specific fields
• Wildcards: host:db-* - Match patterns
• Operators: cpu>80, memory<500mb
• Tags: tag:production or #production
• Combine: host:web-* AND cpu>80

Filter Builder

Advanced filtering with visual query builder:

1. Click the filter icon
2. Select field (host, metric, tag, etc.)
3. Choose operator (equals, contains, greater than, etc.)
4. Enter value
5. Add additional conditions with AND/OR logic

Widget Management

Available Widget Types

Widget Configuration

Each widget can be customized:

1. Data Source: Select metrics and aggregation
2. Visualization: Choose chart type and styling
3. Thresholds: Set warning and critical levels
4. Time Range: Override dashboard default
5. Refresh Rate: Individual widget refresh

Dashboard Layouts

Organize widgets with flexible layouts:

• Grid Layout: Snap widgets to grid positions
• Free Layout: Place widgets anywhere
• Responsive: Automatic mobile optimization
• Templates: Start from pre-built layouts

Keyboard Shortcuts

Speed up navigation with keyboard shortcuts:

| Shortcut | Action | |----------|--------| | g h | Go to Home | | g d | Go to Dashboard | | g a | Go to Alerts | | g s | Go to Settings | | / | Focus search | | ? | Show help | | r | Refresh data | | t | Toggle time picker | | f | Toggle fullscreen | | Esc | Close modal |

Dashboard Sharing

Share dashboards with your team or externally:

Team Sharing

1. Click Share button on dashboard
2. Select team members or roles
3. Set permissions (view/edit)
4. Optional: Add expiration date

Public Dashboards

Public dashboard sharing allows you to:

• Share with Clients: Create branded status pages for clients
• Limited Metrics: Choose what to expose publicly
• Custom Branding: Add your logo and colors
• Access Control: Optional password protection
• Auto-refresh: Real-time updates for viewers

Export and Reports

Data Export

Export dashboard data in multiple formats:

• CSV: Spreadsheet-compatible format
• JSON: For programmatic processing
• PDF: Formatted reports with charts
• PNG: Dashboard screenshots

Scheduled Reports

Automate report generation and delivery:

1. Navigate to Settings → Reports
2. Click Create Report
3. Configure:
   • Schedule (daily, weekly, monthly)
   • Recipients (email addresses)
   • Content (dashboards to include)
   • Format (PDF, CSV, or both)

Performance Tips

Optimize Dashboard Loading

1. Limit Time Range: Shorter ranges load faster
2. Reduce Widget Count: Max 20 widgets per dashboard
3. Use Aggregation: Aggregate data when possible
4. Cache Results: Enable caching for static data

Best Practices

1. Organize by Purpose: Create separate dashboards for different teams
2. Use Consistent Naming: Establish naming conventions
3. Document Dashboards: Add description widgets
4. Regular Cleanup: Archive unused dashboards
5. Version Control: Export dashboard JSON for backups

Troubleshooting

Dashboard Not Loading

bashCopy
# Check browser console
F12 → Console tab

# Clear cache
Ctrl+Shift+R (or Cmd+Shift+R on Mac)

Missing Data

1. Verify agent is running on host
2. Check time range selection
3. Confirm metrics are being collected
4. Review alert configurations

Slow Performance

1. Reduce number of widgets
2. Increase refresh interval
3. Use data aggregation
4. Limit time range

Next Steps

• Create Custom Dashboards - Build tailored views
• Configure Alerts - Set up notifications
• Enable Service Discovery - Auto-detect services
• Deployment Integrations - Wire dashboards into your release pipeline