JS9JS9 Demos
Live, self-contained examples of what JS9 can do — from a one-call editor to server-side analysis. Each opens as a standalone page; see the documentation for the how-to.
Demos badged sample data originally used FITS
images that this site no longer ships; they display the bundled example
image instead. Restore the original data/ files to see them
as intended.
Getting started
Basics
The standard hand-placed layout — menubar, display, and colorbar.
sample data
One-call editor
Build a complete editor with a single JS9.create() call.
Create dynamically
Create JS9 displays at runtime from your own code.
sample data
Display sizes
Set the width and height of a JS9 display.
sample data
Menubar styles
Style and customize the JS9 menubar.
sample data
Single-file & embedding
All-in-one bundle
One JS + one CSS, self-hosted — no separate support files.
sample data
All-in-one via CDN
The all-in-one bundle from a CDN, with a live load diagnostic.
In an iframe
Embed a fully working JS9 inside an iframe.
sample data
postMessage control
Drive JS9 across frames with window.postMessage.
Bespoke interface
A hand-built HTML interface in place of the menubar.
sample data
Multiple displays
Multiple instances
Run several independent JS9 displays on one page.
sample data
Supermenu
A supermenu that controls multiple displays at once.
sample data
Sync displays
Synchronize pan, zoom, and more across images.
sample data
Dynamic selection
Dynamically switch which display is active.
sample data
Images & color
Colormaps
Define and apply custom colormaps.
sample data
RGB composites
Combine three images into an RGB composite.
sample data
Image blending
Blend stacked images with per-layer opacity.
sample data
Masks & opacity
Apply image masks and control opacity.
sample data
FITS data types
Display FITS data of every BITPIX type.
sample data
Pan & zoom
Pan and zoom around an image.
sample data
Data & performance
Analysis
Server-side analysis
Remote, server-based data analysis tasks.
sample data
Imexam
Interactive examination: radial profiles, histograms, and more.
sample data
Plugins
Browser-based analysis with JS9 plugins.
sample data
Catalogs
Overlay astronomical catalogs on an image.
sample data
Region callbacks
Run tasks in response to region changes.
sample data