Map values to bubble area, not radius

What it is

Proportional bubbles should satisfy circle area A ∝ v, which requires radius r ∝ √v. Mapping value linearly to radius makes area grow with the square of value and geometrically exaggerates differences. Area-proportional scaling establishes fidelity between data and rendered geometry. It does not guarantee linear perceived area or precise ratio judgments.

Why it happens

Circle area is A = πr². To make area grow in direct proportion to value, the renderer must take a square root before producing radius or diameter. With a nonzero baseline, logarithm, or other transformation, define the encoded quantity and valid domain first, then map the transformed nonnegative size quantity to area. Geometric correctness and perceptual response are separate: the former is checked by formula and rendered pixels; the latter varies with size, context, comparison distance, and observer and cannot be universally repaired with one psychophysical exponent.

Studying it

For engineering validation, feed known ratios through the complete SVG, Canvas, or raster pipeline and measure final diameter and area. For perceptual studies, present size ratios across backgrounds and ranges, measuring ratio estimates, ranking errors, and confidence. Compare unadjusted and candidate perceptual compensation only in the target task and population. Report mathematical mapping faults separately from human error under a correct mapping so the remedy can be code repair or channel replacement as appropriate.

Where it stops holding

Ordinary circle area cannot represent negative values. A zero mapped to zero area disappears, so sign, zero, and missingness need distinct symbols, outlines, labels, or states. Log transforms require a valid domain and disclosed meaning. Enlarging a minimum bubble may improve visibility and selection but breaks strict proportionality; identify the visual floor or provide a constant hit target rather than claiming a purely proportional symbol.

Applying it

• Map value to area. When a library accepts radius or diameter, use an explicit square-root scale and inspect its default range and transform.
• Define distinct states for negative, zero, missing, and minimum-visible marks, exposing original value and state in legends, tooltips, and accessible names.
• Test final rendered area ratios with known fixtures rather than inspecting only the intermediate scale function.
• Then test reading with target users. If geometry is correct but task error remains excessive, switch to position or length rather than applying a universal perceptual exponent.

Related

• Same group: U2.06.1 Bubbles carry a third variable on the least precise common channel · U2.06.3 Big bubbles occlude small ones; draw in size order and lower opacity · U2.06.4 Bubble size needs a reference-bubble legend · U2.06.5 Precise third-variable comparison belongs in facets or a separate chart
• Adjacent: U1.04.2 Mapping values to diameter inflates them quadratically · U1.04.1 Perceived area systematically underestimates actual area
• Search terms: area-proportional symbol · square-root scale · bubble radius · zero-size mark