Nanoscale Size Ladder (2D)

Zoom Depth

Scale position rung 1 / 10

Tour speed 1.0×

Current Scale

Ant
everyday visible scale

Characteristic size

5.0 mm

Vs. the ant

1×

Surface-to-volume ratio (sphere model)

1.20e-6 nm⁻¹

Current view span (scale bar)

18.0 mm

How it works

The scale slider maps to a real physical size on a logarithmic axis, from a 5 mm ant down to a 0.1 nm hydrogen atom — 8 orders of magnitude:

size(u) = 10 ^ ( log10(5mm) + u/9 · (log10(0.1nm) − log10(5mm)) ),  u ∈ [0, 9]

The 2D view is a real logarithmic camera: the on-screen radius of every object is computed directly from the ratio of its true size to the current view span,

pixelRadius = (canvasPx / viewSpanM) · (objectSizeM / 2)

so as you zoom in, every circle grows or shrinks at its true relative rate — nothing is hand-tuned per object. The 10 labelled reference objects fade smoothly into view as their on-screen size crosses a visible threshold and fade out again once they grow too large to fit, exactly like flying through a "powers of ten" tunnel. The scale bar at the bottom of the canvas always reads the real width of the current view in the appropriate unit (m / mm / µm / nm).

Treating each object as a sphere of radius r, its surface-to-volume ratio follows directly from geometry:

S = 4πr²      V = (4/3)πr³      S/V = 3/r

Because S/V grows as 1/r, shrinking an object by 1000× multiplies its surface-to-volume ratio by 1000×. That is the geometric root cause behind why nanoparticles are so much more chemically reactive, catalytically active and biologically active than the same mass of bulk material — most of their atoms live on or near a surface.

Scale slider — sets the zoom depth continuously; the readouts update to the exact interpolated size, not just the 10 labelled rungs.
Auto zoom-in — animates the slider smoothly from the ant down to the hydrogen atom at the chosen tour speed.
Snap to nearest object — jumps to the closest labelled rung so the readouts describe a named real object.