Airport Data Visualization
- 5 Devlogs
- 2 Total hours
I am visualizing the flight frequency between SEA and ATL in an interactive way.
Ship #1
@jayeshsinghal
on
Airport Data Visualization
SHIP TIME, here is some basic info:
Real-time flight tracking visualization displaying live aircraft positions from major airports worldwide.
Live aircraft tracking from 14 major global airports
Real-time position updates from adsb.lol API
Interactive 3D globe visualization
Displays aircraft callsigns, altitude, velocity, and heading
Filters for airborne aircraft only (altitude > 1500ft, speed > 50kts)
Updates aircraft data every 2 seconds per hub
No API key required - uses free adsb.lol service
Frontend: Vanilla JavaScript, HTML5, CSS3
Backend: Node.js serverless functions (Vercel)
Deployment: Vercel
Data Source: adsb.lol API (free, no authentication)
Data Collection: Serverless function polls adsb.lol API for aircraft within 250nm of each hub
Filtering: Removes ground aircraft, duplicates, and slow-moving planes
Normalization: Converts units (feet→meters, knots→m/s) for consistent display
Visualization: Frontend renders aircraft positions on interactive globe
@jayeshsinghal
on
Airport Data Visualization
27m 37s logged
Working on fixing the visuals, just got 3D working, trying to get the planes hsowign up with clear lines… a little bit of lag is apparent.
@jayeshsinghal
on
Airport Data Visualization
29m 29s logged
Okay, so I got it working in 2D, now I am going to try and port it over to 3D….
@jayeshsinghal
on
Airport Data Visualization
21m 12s logged
I think i broke the globe, trying ot fix it
@jayeshsinghal
on
Airport Data Visualization
17m 48s logged
A globe is forming, lots of bugs still though, looks awful.
@jayeshsinghal
on
Airport Data Visualization
15m 48s logged
Started working on the airport data visualization… So far, not great, but here’s what I have.
So far, I have been able to render the 3D space and see some ping-pong balls bouncing between the two “airports”.
Working on portraying this onto a globe and making the balls into actual airplane models.
I randomly selected SEA and ATL for this project.
