​

Analytics Dashboard

​

Overview

• 📊 Status Code Distribution - Success vs errors over time
• ⏱️ Latency Metrics - P50, P95, P99 response times
• 📈 API Call Volume - Request traffic patterns
• 🚨 Alert Triggers - Alert activity timeline
• ⏰ Hourly Distribution - Traffic by hour of day
• 🗺️ Geographic Heatmap - Request origins worldwide

​

Key Metrics

​

Status Code Distribution

10:00 AM: 150 success, 5 client errors, 2 server errors
10:15 AM: 200 success, 8 client errors, 0 server errors
10:30 AM: 180 success, 3 client errors, 1 server error

• Spot error rate spikes
• Identify problematic time periods
• Correlate errors with deployments

​

Latency Percentiles

• P50 (Median): 50% of requests faster than this
• P95: 95% of requests faster than this (typical SLA metric)
• P99: 99% of requests faster than this (slowest 1%)

Time: 10:30 AM
P50: 120ms (typical user experience)
P95: 450ms (slow but acceptable)
P99: 2100ms (outliers, investigate)

• Monitor performance degradation
• Set SLA targets (e.g., P95 < 500ms)
• Identify slow queries or bottlenecks

​

API Call Volume

Peak: 250 requests/min at 2:00 PM
Low: 20 requests/min at 4:00 AM
Average: 120 requests/min

• Capacity planning
• Identify peak traffic times
• Detect unusual traffic patterns

​

Summary Statistics

• Total Calls: Total requests in time range
• Avg Latency: Average response time
• Error Rate: Percentage of failed requests
• Alerts Triggered: Number of alerts fired

​

Using the Dashboard

​

Step 1: Navigate to Analytics

1. Click Monitoring in sidebar
2. Select Analytics

​

Step 2: Select Time Range

• Last 1 hour
• Last 6 hours
• Last 24 hours (default)
• Last 7 days
• Last 30 days

1. Click Custom Range
2. Select start date/time
3. Select end date/time
4. Click Apply

​

Step 3: Filter by Route (Optional)

1. Click Filter dropdown
2. Select specific route
3. Charts update to show only that route

​

Step 4: Enable Auto-Refresh

• Dashboard refreshes every 5 seconds
• “To” date automatically updates to current time
• See live traffic in real-time

• Static snapshot of selected time range
• Useful for analyzing specific incidents

​

Advanced Features

​

Comparison Mode

Current: Jan 15-16 (last 24 hours)
Previous: Jan 14-15 (previous 24 hours)

Comparison:
- Total Calls: +15% increase
- Avg Latency: -5ms improvement
- Error Rate: +0.5% increase (investigate!)

1. Toggle Comparison Mode switch
2. Charts show both periods overlaid
3. Summary shows percentage changes

• Week-over-week performance
• Before/after deployment comparison
• Traffic growth analysis

​

Hourly Distribution

00:00-01:00: 50 requests (low traffic)
09:00-10:00: 500 requests (morning peak)
14:00-15:00: 800 requests (afternoon peak)
20:00-21:00: 300 requests (evening)

1. Toggle Show Hourly Distribution
2. View traffic by hour of day

• Identify peak hours for capacity planning
• Schedule maintenance during low traffic
• Detect unusual traffic patterns

​

Show Empty Periods

• Identify service outages (unexpected gaps)
• Visualize maintenance windows
• Understand traffic continuity

​

Geographic Heatmap

• Color intensity = request volume
• Hover to see country/region details
• Click to drill down

• Understand user distribution
• Identify geographic issues
• Plan CDN/edge deployments

​

Drill-Down Analysis

​

Clicking Charts

• Click bar → See detailed errors for that time period
• View specific error messages
• Jump to logs for investigation

• Click point → See slow requests
• Identify slow endpoints
• View request details

• Click point → See all requests in that period
• Filter by status, route, client
• Export to CSV

​

Viewing Raw Data

1. See tabular data for selected period
2. Sort by any column
3. Click request to view full details
4. Export filtered data

​

Export Options

​

Export Analytics Data

1. Select time range
2. Click Export button
3. Choose format: CSV
4. Download file

• Timestamp
• Total calls
• Success count
• Error count
• Average latency
• P50, P95, P99 latency

• Import to Excel/Google Sheets
• Create custom reports
• Archive historical data

​

Real-Time Monitoring

​

Live Dashboard Use Cases

1. Deploy new version
2. Open Analytics with auto-refresh enabled
3. Watch error rate and latency in real-time
4. Rollback if metrics degrade

1. Alert fires for high error rate
2. Open Analytics dashboard
3. See error spike on Status Code chart
4. Drill down to view specific errors
5. Jump to logs for details

1. Start load test
2. Monitor API Call Volume chart
3. Watch latency percentiles
4. Identify breaking point

​

Understanding Latency Percentiles

​

Why Percentiles Matter

10 requests:
- 9 requests: 100ms each
- 1 request: 5000ms (timeout)

Average: 590ms (looks bad)
P95: 100ms (actually good for 95% of users)

​

Setting SLA Targets

P50 < 200ms   (good user experience)
P95 < 500ms   (acceptable for most users)
P99 < 2000ms  (outliers tolerated)

​

Investigating High Latency

• Rare slow queries (database, external API)
• Specific edge cases
• Low priority

• Systemic performance issue
• Affects 5% of users
• Investigate immediately

• Major performance problem
• Affects majority of users
• Critical issue

​

Timezone Support

1. Navigate to Settings → Profile
2. Select timezone dropdown
3. Save
4. Analytics charts update automatically

​

Best Practices

​

1. Monitor During Peak Hours

Peak: 2-4 PM weekdays
Monitor closely: 1:45 PM - 4:15 PM

​

2. Set Up Comparison Dashboards

Every Monday, compare last 7 days vs previous 7 days
Look for:
- Traffic growth/decline
- Latency trends
- Error rate changes

​

3. Use Auto-Refresh for Live Events

• Enable auto-refresh
• Keep dashboard visible on second monitor
• Watch for anomalies in real-time

​

4. Combine with Alerts

1. Alert fires (e.g., high latency)
2. Open Analytics dashboard
3. Identify trend and scope
4. Drill down to specific requests
5. Jump to logs for investigation

​

5. Export Historical Data

1. Export last 30 days analytics
2. Archive CSV files
3. Track long-term trends
4. Compare year-over-year growth

​

Troubleshooting

​

Issue: “No data displayed”

• No requests in selected time range
• Route filter excluding all traffic
• Time range in future

1. Check time range (ensure in past)
2. Clear route filter
3. Expand time range (e.g., last 7 days)

​

Issue: “Charts not updating with auto-refresh”

• Auto-refresh disabled
• Browser tab not active (some browsers pause)
• Network connectivity issue

1. Verify auto-refresh toggle is ON
2. Keep tab active/visible
3. Refresh page manually

​

Issue: “Latency percentiles showing zero”

​

Related Features

• API Logs: Drill down from charts to view raw requests
• Alerts: Set up alerts based on metrics thresholds
• Real-Time Geo: See live traffic on world map

​

Next Steps