Schrödinger 3D Orbital Cloud

Many moving probes sample the hydrogen-like orbital density. The cloud is built from |psi| squared, not classical electron tracks.

psi(n,l,m) = R(n,l)(r) × Y(l,m)(theta,phi). Ball positions are Monte Carlo samples from |psi| squared.

Drag to orbit the nucleus. Scroll or pinch to zoom. Press S for PNG, R for a new seed.
1s sampling |psi| squared
FPS --

Interactive 3D Atomic Orbital Visualization

This simulation visualizes hydrogen-like atomic orbitals by sampling the probability density function |ψ(n,l,m)|² using Monte Carlo methods. Thousands of particles orbit the nucleus, forming a 3D cloud that reveals the shape and structure of each quantum state.

54 Atomic Orbitals

Explore all orbitals from 1s to 5g — s, p, d, f, and g shapes with their characteristic lobe structures and nodal patterns.

Monte Carlo Sampling

Particle positions are sampled from |ψ|² using the radial wavefunction R(n,l)(r) and real spherical harmonics Y(l,m)(θ,φ).

Isosurface Mode

Toggle isosurface rendering to reveal the orbital’s 3D boundary surface. Low-probability regions (nodes) are hidden, showing only the shape where electrons are likely found.

Real-Time Controls

Adjust particle count, cloud scale, quantum motion speed, and glow intensity. Drag to orbit, scroll to zoom, or regenerate with a new random seed.

How to Use

Shortcuts: Press S to save PNG, R to regenerate, Space to toggle pause.

Scientific Tips

s Orbitals Are Spherical

All s orbitals (1s, 2s, 3s, etc.) are spherically symmetric. The probability density depends only on distance from the nucleus. Higher n means more radial nodes — shells of zero probability.

p Orbitals Have Directionality

p orbitals (l=1) have two lobes along a specific axis (x, y, or z). The three p orbitals for each n are perpendicular to each other, forming the basis for chemical bonding.

Nodal Patterns Define Orbital Shapes

The number of angular nodes equals l (the azimuthal quantum number). s=0 nodes, p=1 planar node, d=2 planar nodes, f=3, g=4. These nodes create the characteristic shapes.

Isosurface Reveals the Orbital Envelope

Toggle Isosurface ON to see only particles above a 3% probability threshold. This cuts through the cloud to reveal the orbital’s true geometric shape, matching textbook diagrams.

More Particles = Better Resolution

With 500 particles the orbital is barely recognizable. At 30,000 particles the cloud becomes dense and smooth, clearly showing lobe shapes, nodal planes, and radial structure.

Frequently Asked Questions

What is being visualized?

Each particle represents a Monte Carlo sample from the probability density function |ψ(n,l,m)|² of a hydrogen-like atom. The cloud of particles shows where an electron is most likely to be found.

What equation governs the orbitals?

The wavefunction for a hydrogen-like atom is:

ψ(n,l,m)(r,θ,φ) = Rn,l(r) · Yl,m(θ,φ)

where R is the radial wavefunction (associated Laguerre polynomials) and Y are the real spherical harmonics. The probability density is |ψ|².

What do n, l, and m mean?

n (principal quantum number) determines energy and radial extent. l (azimuthal quantum number) determines angular momentum and shape: l=0 (s), l=1 (p), l=2 (d), l=3 (f), l=4 (g). m (magnetic quantum number) determines the orbital’s orientation in space.

Why do the particles move?

The particles oscillate along their probability distribution paths to create a dynamic, living visualization. The motion follows the quantum probability flow and helps reveal the 3D structure of each orbital.

What are the colored axes?

When Guides are ON, red = x-axis, green = y-axis, blue = z-axis. The semi-transparent grid spheres show distance from the nucleus in arbitrary units.

Does this work on mobile?

Yes. On smaller screens the HUD panel becomes collapsible and the controls adapt. The simulation uses p5.js WEBGL which works on all modern mobile browsers.

About

This simulation is built with p5.js using WEBGL 3D rendering. The radial wavefunctions use approximate analytic forms for hydrogen-like orbitals, and the angular part uses real spherical harmonics. Each orbital’s probability density is sampled via Metropolis-style Monte Carlo to distribute particles in 3D space.

For questions, suggestions, or bug reports, please email all4nmr@gmail.com.

Privacy Policy

Information Collection: This simulation runs entirely in your browser. No data is collected, stored, or transmitted to any server. All computation and rendering happens locally on your device.

Local Storage: No data is saved in localStorage or any other persistent storage.

Third-Party Services: p5.js is loaded from a CDN (cdnjs.cloudflare.com).

No Tracking: This page does not use analytics, tracking scripts, or fingerprinting of any kind.