Home › HTML5

HTML5 Simulations

All of the content on this page is programmed using Javascript and the HTML5 canvas. Thus, it should function on desktops, tablets, and smartphones with browsers that support the HTML5 canvas. The code has been tested on both iphone and android devices. However, it is not possible to test the code on every mobile device and each has its own idiosyncracies.

The Hertzsprung-Russell Diagram – A full-featured simulator for exploring the axes of the HR Diagram and the sizes of stars at various locations. It allows the user to plot the locations of the brightest stars in the sky as well as the nearest stars and answer the questions "Why are bright stars bright?" and "What is the most common type of star?".
Hubble's Law – A simple simulator for visualizing the expansion of the universe. Users can see vectors describing the velocities of galaxies and note that all galaxies are moving away from us. They can then change their perspective to another galaxy and note that Hubble's Law is seen from there as well.
Spin Simulator – A simple fun simulator for exploring look-back time concepts in the science fiction book Spin. It is designed to accompany a ClassAction Discussion Question.
Luminosity Simulator – A simple simulator for exploring the range of stellar luminosities and their dependence upon stellar radii and surface temperatures.

NAAP Scale Height Lab

A new lab is available on the NAAP side of the site on the scale height of planetary atmospheres. It is aimed at a higher level target audience than typical NAAP labs in that mathematical calculations are required. Although entirely programmed in JavaScript/HTML5 it is way too busy to work well on a mobile device and should be completed on a desktop, laptop, or tablet.


This work is supported by the National Science Foundation under grant #1044658.