3D satellite plotting application with the ability to highlight specific satellites and display detailed information.

npm install
start: Starts the Vite development server npm start or npm run dev.
build: Builds the project for production npm run build.
serve: Serves the built project for preview npm run serve.
After running npm run build, the project will be built in the dist directory. You can preview the built project by running npm run serve.
After script running, the webpage can be shown in the http://localhost:4170/.
![]() (a) Zoomed-in View |
![]() (b) Zoomed-out View |
![]() (a) Low Earth Orbit (LEO) |
![]() (b) Medium Earth Orbit (MEO) |
![]() (c) Geostationary Orbit (GEO) |
![]() (d) High Orbit (HEO) |

The launch animation is driven by time and location on Earth. Once the launch time matches the Cesium global clock, the animation begins, and new entities are added to the 2D Cesium Viewer.

The size of the country circle represents the number of satellites launched in the previous year, with the circle's center placed at the geographical coordinates of each country's capital.
![]() (a) Number of satellites launched by each country |
![]() (b) Number of satellites launched by agents |
The barchart dynamically ranks satellite launches by country and agent on a yearly basis. Users can toggle between country and agent views and apply filters to selectively display or hide certain entities.