OverlayNew
Height against everyday things
A rising column beside flat silhouettes of a person, a door, a house, a tree and more at true relative scale; the view zooms out as it passes each one.
- Version
- 1.0.0
- Added
- 23 October 2026
- Films
- Not used in a film yet
Parameters
| Name | Type | Default | Range | What it does |
|---|---|---|---|---|
| value (Can change over time) | number | 6 | 0 to 1000000000000 | the height of the column, in the unit; give a follower of the counter, (v) => v, to make it rise with the filmCan change over time |
| unit | choice | m | m, ft | metres or feet: the column and the labels are written in it (the references text is always in metres) |
| references | text | 1.7 person; 2.1 door; 3.2 bus; 8 house; 25 tree; 60 tower | – to 200 | heights in metres, each then a silhouette (person door house tree lamp bus car tower mountain) or any word; up to 8 |
| label | text | SEA LEVEL | – to 40 | a word under the column; empty for none |
| decimals | integer | 1 | 0 to 4 | decimal places of the value |
| format | choice | grouped | grouped, plain, compact, scientific | how numbers are written: 12,500 / 12500 / 12.5k / 1.25×10⁴ |
| room | number | 1.3 | 1.1 to 2.5 | how far above the next reference up the view reaches (1.3 is 30% higher) |
| at | vec2 | 0.52, 0.86 | 0 to 1 | the ground’s left end: across and down the frame; a block near an edge slides in |
| width | number | 0.36 | 0.2 to 0.9 | the block’s width, a share of the frame’s width |
| height | number | 0.32 | 0.2 to 0.8 | the view’s height above the ground, a share of the frame’s height |
| size | number | 0.028 | 0.015 to 0.06 | the height of its words, a share of the frame’s height |
| thickness | number | 0.04 | 0.015 to 0.1 | the column’s width, a share of the frame’s height |
| ink | color | #f3f0e8 | – | ticks, words and numbers |
| accent | color | #4fb8e8 | – | the live value and what has been reached |
| font | choice | sans | sans, serif, mono | the face of its words and numbers |
| backing | number | 0.35 | 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 |
Use it in a film
film.js
elements: { 'height-compare': { value: 6, unit: 'm' } }Use it from your agent
Ask your agent to put it in a film. It finds the element by name.