Field notes · Site 169 · Wave 7 “Chance”

Evensphere.

How to scatter a sky fairly. Evensphere is a fictional teaching instrument for star-catalogue engineers and anyone who has ever tried to place points evenly on a globe. Its single job: show — as the globe turns — why the obvious method fails and the golden angle wins.

The idea

Scattering points evenly on a sphere is deceptively hard. Step equally through latitude and longitude and you crowd the poles — every ring holds the same count, but the polar rings are tiny. Throw points at random and reject the ones outside the ball and you get true uniformity, but wastefully and still lumpy up close. The Fibonacci lattice places each point one golden angle — 137.5° — on from the last, and lays a near-perfect even cover from pure arithmetic, no randomness at all.

The globe shows all three on the same 3,000 points, so the comparison is fair. A crowding-heat colour and a live nearest-neighbour spread turn a subtle geometric fact into something you can see at a glance.

The signature — crowding, made visible

Every point is coloured by how close its nearest neighbour sits, measured against the ideal even gap 2·√(π/N). Points spaced at or above the ideal stay a cool star-blue; points crowded tighter heat toward gold. Under naive lat/long the polar caps blaze gold — the clumping you were told about, now literally glowing — while the Fibonacci field is uniformly cool. The readout backs it with a hard number: the spread (coefficient of variation of the nearest-neighbour gaps) collapses from ~37% for naive to ~1% for Fibonacci.

Switch schemes and the 3,000 points don't cut — they flow along the sphere to their new homes on an eased tween, so you watch the poles empty and the cover even out.

Palette

A night-sky ground so the points read as stars; one cool blue for the marks, one warm gold reserved for the one thing that matters — crowding.

Night
#0A0E18
The void the sky is scattered across. Deep enough to make a single lit point feel like a star.
Star-blue · line/mark
#7FB4C8
Every point and the faint lat/long grid. A mark colour only — never small body text.
Golden accent
#E4B24A
The golden angle, and the heat of a crowded pole. Spent only where clumping happens.
Sky-ink · body
#DCE4EC
Derived light ink for copy — ~14:1 on night, well past the 4.5:1 floor.

Type

Evensphere
Sora · display
A geometric humanist sans with an even, engineered rhythm — apt for a page about spacing points evenly. Carries the wordmark and headings.
137.5° · 1%
Space Mono · data
Tabular monospace for the readout, angles and metrics, where each glyph holding a fixed column keeps the changing numbers honest.

Techniques

Build log — three passes

PASS 1Craft

Caught the fatal one: the instanced dots rendered pure black. vertexColors:true on the point material forced the shader to read a non-existent geometry color attribute as zero, wiping every instanceColor to black — the globe read as dark stippling. Removed vertexColors and built the colours through THREE.Color hex so sRGB→linear is correct; the field lit up as intended. Added text-shadow scrims so the readout and colophon stay legible over the busy dot field.

PASS 2Depth

Made the globe explorable: pointer-drag with release momentum, so a viewer can turn a pole into view and watch it blaze gold. Added count-up tweening on the metrics — switch to naive and the Spread figure visibly climbs from ~1% to ~37%, a second-read reward that names the phenomenon in a number.

PASS 3Hardening

Rebuilt the 375px stack: the colophon had been forced to one line (width:max-content) and clipped off-screen, masked by overflow:hidden. Rewrote it to wrap within the viewport and re-centred it with margin-auto after finding GSAP's intro transform was overriding the CSS translateX(-50%). Verified the reduced-motion settled frame, focus rings, and DPR/resize. Removed one ornament (a redundant “03 / 03” scheme counter) per the Chanel rule.