Skip to content
Clipwright
Menu
Tally counter of marks in rows: a frame from a film that uses it.
OverlayNew

Tally counter of marks in rows

A count shown as rows of dots, bolts, stars or people that fill in as it grows, regrouping to tens, hundreds, thousands.

Version
1.0.0
Added
23 October 2026
Films
Not used in a film yet

Parameters

NameTypeDefaultRangeWhat it does
value (Can change over time)number230 to 1000000000000how many there are; give a follower of the counter, (v) => v, to make it grow with the filmCan change over time
perinteger11 to 1000000000how many things one mark stands for to begin with; it grows by ten when the grid is full
glyphchoicedotdot, square, bolt, star, person, tickthe mark: a dot, a square, a lightning bolt, a star, a person or a plain tick
thingtextstrikes– to 24what is counted, in the plural, written after the total
singulartext–– to 24the word for exactly one; empty drops the plural's final s
labeltext–– to 40a word over the marks; empty for none
columnsinteger104 to 40marks in a row; a wider gap marks each group of five
rowsinteger31 to 10rows of marks; stars, bolts and people hold fewer in all (about 14, 20, 20), so a big grid is trimmed
warnFromnumber00 to 1000000000000marks past this many things take the warning colour; 0 for none
ghostbooltrue–a faint strip under each row, so the size of the grid shows
formatchoicegroupedgrouped, plain, compact, scientifichow numbers are written: 12,500 / 12500 / 12.5k / 1.25×10⁴
atvec20.05, 0.580 to 1the top left of the marks, across and down the frame; a block near an edge slides in
sizenumber0.0340.015 to 0.08the height of one mark, a share of the frame's height
inkcolor#f3f0e8–its words, numbers, ticks and outlines
accentcolor#4fb8e8–the marks
warncolor#ff6b4a–danger, a value past a limit
fontchoicesanssans, serif, monothe face of its words and numbers
backingnumber0.450 to 1how dark the soft panel behind it is; 0 for none
revealnumber0.80 to 5 show long it takes to draw in; 0 shows it at once

Use it in a film

film.js
elements: { 'tally-counter': { value: 23, per: 1 } }

Use it from your agent

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