Alert Title ×
Help! ×

This page shows how to display graphical components in background, always present, even if other elements are displayed on top.

Use the Background Parameters link in the menu to configure the globe.

Use the Show/Hide Computed Data button to display the computed data in the foreground.

The Marquee panel (available from the hamburger ≡ menu) will show the same data, formatted, in a dialog, on top of others.


Background Parameters... ×
    Real Time
Auto-refresh the date every second.
Transparent Globe
Display Polar Grid
Display Sun
Display Moon
Display Sun Light
Display Moon Light
Wandering Bodies
Display Stars
With Constellations
Tropics & Polar Circles
Solar Date Foreground
Astro Data Marquee ×
Sun Path ×
× Help!
Background parameters Toggle foreground Marquee Panel Sun Path
More links here, some day...

  ≡ ES6 Celestial Computer, SPA with BG Components

Last code update Apr 21, 2023, 08:45 MDT
Sun & Moon
Sun Azimuth (SVG)...
Sun Elevation (SVG)...
Moon Azimuth (SVG)...
Moon Elevation (SVG)...

Once the page is loaded, all calculations and renderings happen only in the browser, it generates absolutely NO network traffic.
Guaranteed 0% external libraries (100% pure organic HTML5/CSS3/ES6), no GMO.
Help !
How-to: Use the hamburger (≡) at the top left to set the background parameters (Wandering bodies, Sunlight, Real Time...)
Then you can show or hide the computed data... And you can use the "Help" in the sliding menu.
Position on Earth
Latitude:   Longitude:   
Enable GeoLocation
UTC Date, and options
Enter UTC date and time, then click the Compute button.
at : : UTC
Skip planets calculations Skip stars calculations Console Verbose

Heading and PRMSL are simulated