Vertical Bar Climb

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

• Title *

  title · string

  The account this sheet is for, set at the top left in the display face — 'Revenue by source', 'Watch time by video'. It is deliberately not the largest type in the frame; the figures are.

  now: Revenue by source

• Period

  period · string

  The window the numbers cover, printed small at the right end of the same line as the title — 'Last 90 days', 'Q3 2025'. A ranked list without a period is an assertion rather than a measurement.

  now: Last 90 days

• Entries *

  entries · array

  The lines of the ledger, three to six. They are posted one after another down the frame with the total accruing underneath, so more lines means each one is posted faster — six is the point at which a line stops having its own moment.

  now: 5 items

• Prefix

  prefix · string

  Set before every figure at full size — a currency mark such as '$' or '€'. Shared across the sheet, because one ledger is one unit.

  now: $

• Suffix

  suffix · string

  Set after every figure — ' hrs', 'k', '%'. Rendered exactly as typed, so include a leading space yourself if the unit needs air.

• Decimals

  decimals · number

  Decimal places on the figures and on the total. The figures count up as their bars climb, so this also decides how the counter reads mid-move: 0 for money and counts, 1 for rates and durations.

  now: 0

• Change unit

  changeUnit · string

  What the change column is measured in. '%' for a percentage, 'pp' for percentage points, '' for a bare signed number.

  now: %

• Sort

  sort · boolean

  Rank the entries largest first. Leave it on unless the order is itself the data — a month-by-month sheet, say, where re-sorting would destroy the sequence.

  now: true

• Numbers

  numbers · boolean

  Print the position numeral in the left gutter, with the leader's in the accent. Turn it off when `sort` is off and the order is chronological rather than ranked.

  now: true

• Total

  total · boolean

  Close the sheet with a running total under a single rule and over a double one. The total sums only what has actually been posted, so it climbs with the entries. Turn it off for percentages and other figures that must not be added up.

  now: true

• Total label

  totalLabel · string

  The word in the left gutter of the closing line. 'Total', 'All sources', 'Combined'.

  now: Total

• Scale to

  scaleTo · number

  Draw every bar against this value instead of against the largest entry. Use it to plot against a target or a budget — the leader then stops short of the margin, which is the whole point of setting one.

• Rail percent

  railPercent · number

  How much of the right edge the like/comment/share rail eats, as a percentage of frame width. The money column's rule is set clear of it, so raising this shortens every bar rather than letting anything slide under the platform's buttons.

  now: 15

• Strip percent

  stripPercent · number

  How much of the bottom edge the caption and handle strip eats, as a percentage of frame height. The double rule that closes the account sits just above it, so the platform's caption reads as the footnote to the sheet.

  now: 22

• Brand

  brand · string

  Brand token id — one of the keys of BRANDS. 'ledger' is what this was cut for: one saturated mint carrying every bar and the total, with the hot red spent only on lines that fell.

  now: ledger