4 ms·
Show HN: Flight-Viz – 10K flights on a 3D globe in 3.5MB of Rust+WASM
I built a real-time flight tracker that renders 10,000+ aircraft on an interactive 3D globe, entirely in the browser using Rust compiled to WebAssembly.
- coolwulf 7mo agoFor 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.
- coolwulf 7mo ago[dead]
- pstomi 7mo agoIt render extremely fast on my side (firefox, macOS). Which UI stack are you using? Is it egui?
- coolwulf 7mo agoIt's mainly eGui + WebGPU
- amelius 7mo agoCan you add pinch zoom?
- coolwulf 7mo agoCurrently I developed this for desktop browser, so it might not work well on mobile. But I will improve and update it.
- pohl 7mo agoYou 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 7mo agoOk, 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.
- ge96 7mo agoWhy 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 7mo agoThe current data is from OpenSky, mainly north america and EU.
- ddoolin 7mo agoWhen 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 7mo agoIf you switch to satelite view, the planes will be very visible.
- maxwg 7mo agoImpressive. 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 7mo agotry change to satellite view it will be more visible
- lwansbrough 7mo agoCould probably extrapolate positions based on heading and speed, to do some fake "real time" positions.
- paulnsorensen 7mo agoWow. 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.
- aduffy 7mo agoThere'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!
- Glubker 7mo agoReally cool! Curious to know how you made it render everything so fast with barely any loading. Good work.
- coolwulf 7mo ago:P just optimize to the extreme
- Levitating 7mo agoThe wasm file (flight_viz_bg.wasm) was 10.94 MB as reported by firefox.
- coolwulf 7mo agoI changed a higher resolution image and that is why now it is a little bigger...
- Levitating 7mo agoIf it's just the image, you could try using more aggressive compression?
- christophilus 7mo agoMakes 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 7mo agoopensky database is limited. I need to find some data source for China and south America
- whywhywhywhy 7mo agoZooming on a mouse wheel on windows is nearly unusable, it goes from whole of europe to town level in one mouse wheel notch.
- coolwulf 7mo agoI am on Mac. Will try to get on a Windows box to test this
- stingrae 7mo agoim 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.
- concensure 7mo agoDid you pay for flight api? Getting comprehensive real time flight data is quite a monetary challenge
- coolwulf 7mo agoI registered on OpenSky and using their API
- c0nsumer 7mo agoWhen zooming in and it switches to the lighter color tiles, the icons basically become invisible.
- coolwulf 7mo agothe 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
- AVA_Travel 7mo ago[dead]
- moci 7mo agoIt seems there is very little flight data from China.
- coolwulf 6mo agoThat's the limitation of current OpenSky api. Most of Chinese airlines data are not in it.
- ab_testing 7mo agoHow are you getting that real time flight data from . Is there a free source for this ?
- coolwulf 6mo agoyou can check OpenSky, they have API with free tier.
- coolwulf 6mo agoUpdated to version 1.3, now on mobile phone (iOS/Android), it should have better user experience.
- sensarts 6mo ago[flagged]
- ryaker 6mo agoQWhere are you getting the flight data?