Splashery.ContentsPlayground
Orbital Atlas, a still.

Fig. 117. §7 Atoms

Orbital Atlas

An orbital is a wave that tells where an electron in an atom is likely to be.

PlaygroundHow to play

1Facts

Shelf
Atoms
Kind
Built from a recipe
Sound
Yes
Licenses
Own work (made in the page)

2How to play

Tap to cut the orbital open and see the density inside. Pick any orbital in the Splash tab.

3Its controls

Table I. Every control on this Splash.

ControlKindRangeStart
Cut it openTap
Cut openButton
OrbitalList68 choices5f (z³)
LookList2 choicesCloud
Plus phaseColor#ff8a3d
Minus phaseColor#3d8bff

4About it

An orbital is a wave that tells where an electron in an atom is likely to be. This atlas draws every orbital of hydrogen from the first shell to the fifth (s, p, d, f and g), plus 6s, 6p, 6d, 7s and 7p, from the exact solutions of the Schrödinger equation. The cloud shows where the electron is likely to be found; the surface holds about 90% of it. Orange and blue mark the wave's two signs.

Tap to cut the orbital in half and lift the front half away: the cut face is brightest where the electron is most often found and dark at the nodes, where it is never found. Each orbital is scaled to fill the view; real ones grow with the shell number squared.

5Details

Splats
Opens at 200,000 at Mid Detail, 108,643 at Low, and up to 362,143 at Max

6Is it right?

The atlas draws every hydrogen orbital of n = 1 to 5 and 6s, 6p, 6d, 7s and 7p from the exact hydrogen wave functions: normalized radial functions (associated Laguerre polynomials) times real spherical harmonics. Points are sampled from |ψ|² the way the Electron orbital splash samples them, colored by the sign of ψ. Tests check the radial functions against the textbook formulas, their normalization, orthogonality and node counts, the harmonics against their Cartesian forms, and the samples against the analytic distributions.

  1. Correct.

    The radial functions are the hydrogen atom's R_nl.[1]

    R_nl(r) = N (2r/n)^l e^(−r/n) L_(n−l−1)^(2l+1)(2r/n), N² = (2/n)³ (n−l−1)! / (2n (n+l)!), in Bohr radii.

  2. Correct.

    The angular functions are the real spherical harmonics, named by their Cartesian forms (4d (xy), 5f (z³), 5g (x⁴−6x²y²+y⁴) …).[2]

    Y_lm = √2 N_lm P_l^|m|(cos θ) cos(mφ) or sin(|m|φ), computed in Cartesian form as d^m P_l/dz^m times Re or Im of (x + iy)^|m|; without the Condon–Shortley sign, so each lobe's sign matches its name.

  3. Correct.

    The cloud is drawn from |ψ|²: the radius from r²R², the direction from Y².

    An inverse-CDF table of r²R² (cut at the 98.5% quantile, as the Electron orbital splash does) and rejection sampling against Y's largest value.

  4. Correct.

    The tap's cut face shows |ψ|² in the plane of the cut, with the nodes dark.

    The orbital is turned about its up axis so its densest vertical plane faces the viewer; the tap lifts the front half away, and the back half's face is an even grid on that plane, each point colored by the sign of ψ and brightened by |ψ| relative to the plane's peak.

  1. [1]Hydrogen-like atom: the radial functions, Wikipedia
  2. [2]Table of spherical harmonics: real spherical harmonics, Wikipedia
Simplified
The boundary surface is the level that holds about 90% of the electron, as in most textbooks; the cloud is cut at the radius that holds 98.5%.
Simplified
Each orbital is scaled to fill the view; their real sizes grow as n² (7p is about 50 times wider than 1s).
Simplified
Orange and blue mark the sign of ψ (its phase), which is a convention, not a color the electron has.
Simplified
These are hydrogen's orbitals; in heavier atoms the shapes are similar but the sizes and energies differ.

7Sources and credits

Made in Splashery. Its code is MIT.

8In The Splash Manual

  1. Chapter 7: Real data as splats

9Share it

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

https://splashery.app/play/?toy=orbital-atlas
<script type="module" src="https://splashery.app/play/src/element.js"></script>
<splashery-toy toy="orbital-atlas"></splashery-toy>

10Nearby