A journey at your pace
Scroll through the scale, select a marker, or use the keyboard to jump between reference points.
01 — Interactive scienceCompleted
Cosmic Scale
پێوانەی گەردوون
A different perspective on everything.
A Kurdish journey from a proton to the observable universe. An interactive logarithmic scale makes vast differences in size something you can explore.
Next.jsReactTypeScriptTailwind CSSKurdish RTL
12Reference scales
42Orders of magnitude on the ruler
RTLKurdish experience
01 / The idea
A reason to build.
The challenge
A number can describe the size of an atom or a galaxy, but it rarely helps us feel the difference. The challenge was to give those unfamiliar scales a clear, explorable visual relationship.
The approach
Use one continuous logarithmic ruler, familiar reference objects and short Kurdish explanations. Scrolling changes the viewing scale; direct controls let the visitor pause and compare.
02 / The experience
Made to be explored.
Context beside every object
Readable units and a comparison with the previous stop explain the change in scale.
Built around Kurdish
Sorani explanations, right-to-left layout and supporting English object names make the experience approachable.
03 / Under the surfaceThe thinking behind
The thinking behind
the interface.
Design choices become useful when the system underneath supports them.
Logarithmic size mapping
Object diameters are derived from differences in base-10 logarithms. A full exponent step represents a tenfold change, keeping microscopic and astronomical scales in one model.
Motion with a purpose
Scroll events update a target; requestAnimationFrame draws the transition only while the view is changing. A reduced-motion preference removes the easing.
Resilient visuals
Visible objects are managed by scale. Images load over fallback artwork, and the experience retains a useful visual when an image fails.
Everyday utility