Implement Signal Strength Distribution Chart #6

New issue

Open

opened 2025-08-24 18:16:40 +02:00 by olemd · 0 comments

olemd commented

2025-08-24 18:16:40 +02:00

Owner

Description

The Statistics view has a placeholder canvas for 'Signal Strength Distribution' chart but no implementation exists.

Current Status

✅ HTML canvas element exists (signal-chart)
❌ No Chart.js initialization or configuration
❌ No signal strength histogram data collection
❌ No chart update logic in WebSocket handler

Expected Functionality

Display histogram of signal strength (RSSI) values across all received messages
Show distribution bins (e.g., -80 to -70 dBm, -70 to -60 dBm, etc.)
Real-time updates as new messages arrive
Color coding for signal strength quality (red=poor, yellow=good, green=strong)
Y-axis: Message count
X-axis: Signal strength ranges (dBm)

Implementation Notes

Use Chart.js bar chart type
Collect RSSI statistics from all aircraft messages
Update histogram bins in real-time
Consider using signal strength classification from existing CSS classes

Files to Modify

assets/static/js/app.js - Add chart initialization and update logic
internal/merger/merger.go - Add RSSI histogram tracking
WebSocket data structure - Include signal strength distribution

## Description The Statistics view has a placeholder canvas for 'Signal Strength Distribution' chart but no implementation exists. ## Current Status - ✅ HTML canvas element exists (signal-chart) - ❌ No Chart.js initialization or configuration - ❌ No signal strength histogram data collection - ❌ No chart update logic in WebSocket handler ## Expected Functionality - Display histogram of signal strength (RSSI) values across all received messages - Show distribution bins (e.g., -80 to -70 dBm, -70 to -60 dBm, etc.) - Real-time updates as new messages arrive - Color coding for signal strength quality (red=poor, yellow=good, green=strong) - Y-axis: Message count - X-axis: Signal strength ranges (dBm) ## Implementation Notes - Use Chart.js bar chart type - Collect RSSI statistics from all aircraft messages - Update histogram bins in real-time - Consider using signal strength classification from existing CSS classes ## Files to Modify - assets/static/js/app.js - Add chart initialization and update logic - internal/merger/merger.go - Add RSSI histogram tracking - WebSocket data structure - Include signal strength distribution