Implement Altitude Distribution Chart #7

New issue

Open

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

olemd commented

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

Owner

Description

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

Current Status

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

Expected Functionality

Display histogram of aircraft altitude distribution
Show altitude bins (e.g., 0-1000ft, 1000-5000ft, 5000-10000ft, etc.)
Real-time updates as aircraft positions change
Different colors for different altitude ranges
Y-axis: Aircraft count
X-axis: Altitude ranges (feet)

Implementation Notes

Use Chart.js bar chart type
Collect altitude data from all tracked aircraft
Update histogram bins based on current aircraft positions
Consider both barometric and geometric altitudes
Filter out aircraft with invalid/missing altitude data

Files to Modify

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

## Description The Statistics view has a placeholder canvas for 'Altitude Distribution' chart but no implementation exists. ## Current Status - ✅ HTML canvas element exists (altitude-chart) - ❌ No Chart.js initialization or configuration - ❌ No altitude histogram data collection - ❌ No chart update logic in WebSocket handler ## Expected Functionality - Display histogram of aircraft altitude distribution - Show altitude bins (e.g., 0-1000ft, 1000-5000ft, 5000-10000ft, etc.) - Real-time updates as aircraft positions change - Different colors for different altitude ranges - Y-axis: Aircraft count - X-axis: Altitude ranges (feet) ## Implementation Notes - Use Chart.js bar chart type - Collect altitude data from all tracked aircraft - Update histogram bins based on current aircraft positions - Consider both barometric and geometric altitudes - Filter out aircraft with invalid/missing altitude data ## Files to Modify - assets/static/js/app.js - Add chart initialization and update logic - internal/merger/merger.go - Add altitude distribution tracking - WebSocket data structure - Include altitude histogram data