HTML5 Canvas Sky Map
North Hemisphere version
Examples Page
Default
Default "Blue" theme, and visible hints. With Control Panel visible.
Open →
Orion
Sky centred on the Orion constellation. Elegant gold theme, panel
hidden.
Open →
Procyon
Sky centred on Procyon, brightest star in Canis Minor. Star names
shown for the constellation.
Open →
Nightmode Autoplay
Deep red palette safe for dark rooms. Sky animates forward day by
day.
Open →
Print
Light background, full square map, no grid. Clean layout for
printing or export.
Open →
Stars Only
Monochrome star field with no constellation lines, labels or UI
panel. Hover on a star to view it's name.
Open →
Plugin Demo
The sky map is available as a standalone JavaScript plugin — no
build tools required. Load
skymap.min.js
from a CDN and call
SkyMap.init({ target, theme, … })
to embed a fully interactive canvas inside any container. Multiple
independent instances can coexist on the same page, each with its
own theme, controls and configuration. This demo shows two
side-by-side: Night Mode with autoplay, and Elegant centred on
Auriga with star names.
Open →