I wrote a short example of one way to visualise orbits of satellites or other space objects. Here, I use CesiumJS, which is a wonderful
to get a key from their website to use it though.
The rendering of the scenes happens fully on the client side inside the browser and can require a substantial amount of memory
and computing resources if you work with complex scenes. However, this one is simple enough to be enjoyed on systems with not
to many resources.
The TLEs, which stands for “Two-Line-Elements”, is a specially formatted text file, containing two-lines with object data for each object that is being tracked and a header line, giving the name of the object. It can be obtained from the Celestrak website and typically looks like this:
ISS (ZARYA) 1 25544U 98067A 19331.55255787 .00001394 00000-0 32378-4 0 9995 2 25544 51.6465 271.3494 0006428 331.6839 17.4235 15.50048091200593
CesiumJS is very cool and lets you visualise data with a few lines of code. Of course, you can write complex applications with it.
The point to consider is that the rendering of the scenes you create does happen fully on the client side and can require a large amount of RAM and processing power.
Here’s a visualisation of the what the code does. It also lets you zoom, pan and rotate.