22 comments

  • ge96 2 days 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 2 days ago
      The current data is from OpenSky, mainly north america and EU.
  • whywhywhywhy 2 days 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 2 days 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 2 days ago
        I just modified zooming algo a lit, now it should improve your user experience.
      • coolwulf 2 days ago
        I will take a look to fix these bugs.
      • coolwulf 2 days ago
        also fixed the parallelex problem of route trail vs. the plane icon
    • coolwulf 2 days ago
      I am on Mac. Will try to get on a Windows box to test this
  • aduffy 2 days 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 2 days ago
      Need to check my calculations. Thanks for noticing it.
    • coolwulf 2 days ago
      This is fixed now.
  • coolwulf 1 day ago
    Updated to version 1.3, now on mobile phone (iOS/Android), it should have better user experience.
  • maxwg 2 days 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 2 days ago
      try change to satellite view it will be more visible
  • ddoolin 2 days 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 2 days ago
      If you switch to satelite view, the planes will be very visible.
  • coolwulf 2 days 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.
  • christophilus 2 days 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 2 days ago
      opensky database is limited. I need to find some data source for China and south America
  • paulnsorensen 2 days 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.

  • c0nsumer 2 days ago
    When zooming in and it switches to the lighter color tiles, the icons basically become invisible.
    • coolwulf 2 days 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
  • lwansbrough 2 days ago
    Could probably extrapolate positions based on heading and speed, to do some fake "real time" positions.
  • ryaker 1 day ago
    QWhere are you getting the flight data?
  • concensure 2 days ago
    Did you pay for flight api? Getting comprehensive real time flight data is quite a monetary challenge
    • coolwulf 2 days ago
      I registered on OpenSky and using their API
  • ab_testing 2 days ago
    How are you getting that real time flight data from . Is there a free source for this ?
    • coolwulf 1 day ago
      you can check OpenSky, they have API with free tier.
  • pstomi 2 days ago
    It render extremely fast on my side (firefox, macOS). Which UI stack are you using? Is it egui?
    • coolwulf 2 days ago
      It's mainly eGui + WebGPU
  • Glubker 2 days ago
    Really cool! Curious to know how you made it render everything so fast with barely any loading.

    Good work.

    • coolwulf 2 days ago
      :P just optimize to the extreme
  • sensarts 1 day ago
    wow, more than 10K airbuses just over the NA. Looks like airplanes are the major source of air pollution.
  • Levitating 2 days ago
    The wasm file (flight_viz_bg.wasm) was 10.94 MB as reported by firefox.
    • coolwulf 2 days ago
      I changed a higher resolution image and that is why now it is a little bigger...
      • Levitating 1 day ago
        If it's just the image, you could try using more aggressive compression?
  • moci 2 days ago
    It seems there is very little flight data from China.
    • coolwulf 1 day ago
      That's the limitation of current OpenSky api. Most of Chinese airlines data are not in it.
  • amelius 2 days ago
    Can you add pinch zoom?
    • coolwulf 2 days ago
      Currently I developed this for desktop browser, so it might not work well on mobile. But I will improve and update it.
      • pohl 2 days 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 2 days 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 2 days ago
          I can take a look. The current zoom is zooming to screen center. Maybe I should change it to cursor location.
          • amelius 1 day ago
            Yes, that will definitely be an improvement.
            • coolwulf 1 day ago
              Updated to version 1.3, now on mobile phone (iOS/Android), it should have better user experience.
  • AVA_Travel 2 days ago
    [dead]
  • coolwulf 2 days ago
    [dead]