OverlayNew

Two areas compared to scale

Two areas drawn to scale as squares or discs side by side, such as a wildfire against your town, with the ratio written.

Parameters

Name	Type	Default	Range	What it does
value (Can change over time)	number	3000000	0 to 1000000000000000 m²	the changing area in square metres; a number, a track, or a follower of the counterCan change over time
against	number	1000000	0.000001 to 1000000000000000 m²	the fixed area to compare it with, in square metres (your town, a city block, a field)
label	text	THE FIRE	– to 24	the name of the changing area
againstLabel	text	THE TOWN	– to 24	the name of the fixed area
shape	choice	square	square, disc	both areas drawn as squares, or as discs
tone	choice	accent	accent, warn	the changing area's colour: the accent, or the warning colour
unit	choice	auto	auto, m2, ft2, acre, ha, km2, mi2	the unit the areas are written in; auto picks m², hectares or km²
format	choice	grouped	grouped, plain, compact, scientific	how numbers are written: 12,500 / 12500 / 12.5k / 1.25×10⁴
at	vec2	0.84, 0.62	0 to 1	where it stands, across and down the frame; a block near an edge slides in
size	number	0.2	0.1 to 0.45	the side (or diameter) of the bigger shape, a share of the frame's height
ink	color	#f3f0e8	–	its words, numbers, ticks and outlines
accent	color	#4fb8e8	–	the changing area (tone accent)
warn	color	#ff6b4a	–	the changing area (tone warn)
font	choice	sans	sans, serif, mono	the face of its words and numbers
backing	number	0.45	0 to 1	how dark the soft panel behind it is; 0 for none
reveal	number	0.8	0 to 5 s	how long it takes to draw in; 0 shows it at once

film.js

elements: { 'area-compare': { value: 3000000, against: 1000000 } }

Ask your agent to put it in a film. It finds the element by name.