Molecule

Splashery stretches a drumhead over this Splash's outline, twelve inches across, and finds the ways it can ring. Its lowest is 1752.5 Hz, 493 cents sharp of E6, the nearest tine on the comb. The next fifteen are its overtones, and each one draws its own figure: sand gathers on the lines that stay still.

Tap it to heat it up. Hands-on: pull an atom; its bonds stretch and it springs back.

A molecule is a group of atoms held together by chemical bonds. This one is a ball-and-stick model: each ball is an atom, colored by its element (carbon dark gray, hydrogen white, oxygen red, nitrogen blue), and each stick is a bond.

It starts as caffeine, C8H10N4O2, the stimulant in coffee and tea; the Splash tab has sugars, medicines, vitamins and DNA too. The atoms always jiggle a little on their bonds, as real ones do; tap it to heat it up and they shake hard, the light hydrogens furthest, each bond stretching and squeezing with its atoms, then it cools. In the Splash tab, pick another molecule, or type a name, a formula or a SMILES string (a way of writing a molecule on one line) to build your own.

This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.