VATSIM Events Map

This map serves as an alternate to the official 2D VATSIM events map. It offers a more visually responsive interface with the ability to filter by event day. The project aims to bridge the current data visualisation gap between VATSIM members and a convenient and effective viewing medium.

Access the website at https://vatsim-events-map.vercel.app/.

Features

• Interactive (Click & Drag)
• Tooltips (Hover)
  • Includes scheduled event times, dates, and ICAOs.
• Event Filters
  • Time-based
  • Regular Event/Controller Exam
• Live pilot display w/ ongoing event filter
• Day/Night Toggle
• Mobile Compatability
• Event List Sidebar
  • Click to auto-pan to event location

Project Architecture

This is a Next.js project bootstrapped with create-next-app.

To run the development server locally (ensure executed within vatsim-events-map directory):

npm run dev

Open http://localhost:3000 to view the website.

Known Issues

• Reduced Performance: Signficiantly reduced performance when showing many events (difficult to solve, derived from limitations on react-globe).
• Fails to load: Failure to load the site on Firefox browsers may occur. Firefox Beta however shows consistent working behaviour.
• Missing Events/Airports: Some airport ICAOs are not registered and will fail to show on the map. Notably, smaller airports that may not have been documented yet on TGAD.
• Map Resolution: Higher map resolution is yet to be explored due to R-G utilising a equirectangular projection, contrary to a interactive map found in other popular alternatives (i.e. OpenStreetMap).

Acknowledgements

• react-globe.gl - 3D Globe Model Visualiser
• IATA-ICAO Database - Used for airport ICAO data (ICAO code, lat./long. coordinates).
• The Global Airport Database - (Old database) Used for airport ICAO data (ICAO code, lat./long. coordinates).
• Vatsim API - Official Event Data