There's something a little off about the projection logic when you drop into the Leaflet view, you'll notice that when you pan around after zooming the planes shift their location.
When you zoom in to the street map level, the planes are practically invisible with their color and thin borders. Pretty neat though, that's a lot to load and keep smooth.
Ok, I'm on desktop now. And I notice another "issue". When I use my mouse wheel to zoom, the point that my mouse cursor is on is not stationary. This makes it hard to zoom in on e.g. a specific aircraft or landmark.
The wasm file (flight_viz_bg.wasm) was 10.94 MB as reported by firefox.
Why is there almost no traffic in places like South America (other than Brazil) and Africa? Data set or reality? Not much in China/Russia either.
The current data is from OpenSky, mainly north america and EU.
Really cool! Curious to know how you made it render everything so fast with barely any loading.
Good work.
:P just optimize to the extreme
There's something a little off about the projection logic when you drop into the Leaflet view, you'll notice that when you pan around after zooming the planes shift their location.
Very cool demo though!
Need to check my calculations. Thanks for noticing it.
Wow. I won't give you a feature request :) just appreciation.
It really puts into perspective the magnitude of air traffic when you have this visualization.
Impressive. The planes should probably scale up a bit as you zoom though, they become impossible to spot.
I'm surprised all the flights in the world can be represented in a <500KB api call
When you zoom in to the street map level, the planes are practically invisible with their color and thin borders. Pretty neat though, that's a lot to load and keep smooth.
If you switch to satelite view, the planes will be very visible.
Could probably extrapolate positions based on heading and speed, to do some fake "real time" positions.
It render extremely fast on my side (firefox, macOS). Which UI stack are you using? Is it egui?
It's mainly eGui + WebGPU
Can you add pinch zoom?
Currently I developed this for desktop browser, so it might not work well on mobile. But I will improve and update it.
Ok, I'm on desktop now. And I notice another "issue". When I use my mouse wheel to zoom, the point that my mouse cursor is on is not stationary. This makes it hard to zoom in on e.g. a specific aircraft or landmark.
I can take a look. The current zoom is zooming to screen center. Maybe I should change it to cursor location.
You should be able to do pinch zoom support for laptops with a trackpad, too. I think it would be
window.addEventListener('wheel', ... )
Fantastic work!