Show HN: Flight-Viz – 10K flights on a 3D globe in 3.5MB of Rust+WASM (flight-viz.com)

by coolwulf 44 comments 101 points
Read article View on HN

44 comments

[−] ge96 44d ago
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.
[−] coolwulf 44d ago
The current data is from OpenSky, mainly north america and EU.
[−] whywhywhywhy 44d ago
Zooming on a mouse wheel on windows is nearly unusable, it goes from whole of europe to town level in one mouse wheel notch.
[−] stingrae 44d ago
im on a mac and had the same issue.

other bugs: when i pan around (while zoomed far in), the planes arent in a fixed position on the map, they shift with the pan

ux bug: when i zoom in, it zooms into the middle of the browser window instead of where my cursor is.

[−] coolwulf 44d ago
I just modified zooming algo a lit, now it should improve your user experience.
[−] coolwulf 44d ago
I will take a look to fix these bugs.
[−] coolwulf 44d ago
also fixed the parallelex problem of route trail vs. the plane icon
[−] coolwulf 44d ago
I am on Mac. Will try to get on a Windows box to test this
[−] aduffy 44d ago
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!

[−] coolwulf 44d ago
Need to check my calculations. Thanks for noticing it.
[−] coolwulf 44d ago
This is fixed now.
[−] maxwg 44d ago
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

[−] coolwulf 44d ago
try change to satellite view it will be more visible
[−] ddoolin 44d ago
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.
[−] coolwulf 44d ago
If you switch to satelite view, the planes will be very visible.
[−] christophilus 44d ago
Makes the divide between the developed and developing world very clear.

Edit: can’t be right. I think this is a dataset problem. China and Brazil should have more dots.

[−] coolwulf 44d ago
opensky database is limited. I need to find some data source for China and south America
[−] coolwulf 44d ago
For people having problems navigating, you can search flifht number on the left search bar. When click on the flight number, the view will jump over.
[−] paulnsorensen 44d ago
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.

[−] lwansbrough 44d ago
Could probably extrapolate positions based on heading and speed, to do some fake "real time" positions.
[−] coolwulf 43d ago
Updated to version 1.3, now on mobile phone (iOS/Android), it should have better user experience.
[−] concensure 44d ago
Did you pay for flight api? Getting comprehensive real time flight data is quite a monetary challenge
[−] coolwulf 44d ago
I registered on OpenSky and using their API
[−] c0nsumer 44d ago
When zooming in and it switches to the lighter color tiles, the icons basically become invisible.
[−] coolwulf 44d ago
the airline flight number attached to the icon is in dark color and should be visible, also could switch to satelite view when zoom in, which is dark color
[−] pstomi 44d ago
It render extremely fast on my side (firefox, macOS). Which UI stack are you using? Is it egui?
[−] coolwulf 44d ago
It's mainly eGui + WebGPU
[−] ab_testing 44d ago
How are you getting that real time flight data from . Is there a free source for this ?
[−] coolwulf 43d ago
you can check OpenSky, they have API with free tier.
[−] Glubker 44d ago
Really cool! Curious to know how you made it render everything so fast with barely any loading.

Good work.

[−] coolwulf 44d ago
:P just optimize to the extreme
[−] Levitating 44d ago
The wasm file (flight_viz_bg.wasm) was 10.94 MB as reported by firefox.
[−] coolwulf 44d ago
I changed a higher resolution image and that is why now it is a little bigger...
[−] Levitating 44d ago
If it's just the image, you could try using more aggressive compression?
[−] moci 44d ago
It seems there is very little flight data from China.
[−] coolwulf 43d ago
That's the limitation of current OpenSky api. Most of Chinese airlines data are not in it.
[−] ryaker 43d ago
QWhere are you getting the flight data?
[−] amelius 44d ago
Can you add pinch zoom?
[−] coolwulf 44d ago
Currently I developed this for desktop browser, so it might not work well on mobile. But I will improve and update it.
[−] pohl 44d ago
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!

[−] amelius 44d ago
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.
[−] coolwulf 44d ago
I can take a look. The current zoom is zooming to screen center. Maybe I should change it to cursor location.
[−] amelius 44d ago
Yes, that will definitely be an improvement.
[−] coolwulf 43d ago
Updated to version 1.3, now on mobile phone (iOS/Android), it should have better user experience.
[−] AVA_Travel 44d ago
[dead]
[−] coolwulf 44d ago
[dead]
[−] sensarts 43d ago
[flagged]