MOTIONSTASH
All components

Stat Callout Pin

Data

A reticle that locks onto a point in your footage and runs a leader line out to a figure, with the elbow solved from wherever the pin lands

Download preview768×432 preview render — the full-resolution file comes from running the component
3 seconds
Format
Stat Callout Pin — A reticle that locks onto a point in your footage and runs a leader line out to a figure, with the elbow solved from wherever the pin lands

This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.

calloutannotationleader linepinstatfigureoverlayalphaexplainerpointer
What you can change — 11 settings

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.

  • Value *
    value · string

    The figure itself, set large. A short string so it can carry its own unit — '$60.9B', '3.4×', '11.2s', '#1'.

    now: $60.9B

  • Label *
    label · string

    What the figure is, on one line under it. Name the source as well as the metric — 'Nvidia · FY24 revenue' is readable at a glance, 'Revenue' is not.

    now: Nvidia · FY24 revenue

  • Delta
    delta · string

    The change, set beside the figure with a drawn arrow. Type the sign you want to see — '+126% YoY'. Empty removes the arrow and the text together.

    now: +126% YoY

  • Trend
    trend · "up" | "down" | "flat"

    Which way the delta points, and the colour of every mark in the component: `down` moves the reticle, the wire, the rail and the delta to the brand's second accent, which on `ledger` is the red reserved for the downside.

    now: up

  • X
    x · number

    Horizontal position of the pin, as a fraction of the frame — 0 is the left edge, 1 the right. This is the point in your own footage you are labelling.

    now: 0.25

  • Y
    y · number

    Vertical position of the pin, as a fraction of the frame — 0 is the top edge, 1 the bottom. The readout goes wherever the pin leaves room for it.

    now: 0.65

  • Lead
    lead · "auto" | "up-right" | "up-left" | "down-right" | "down-left"

    Which diagonal the leader takes out of the pin. `auto` picks the side with the most room, which is right nearly always; force one when the free space in your shot is not the empty space in the frame.

    now: auto

  • Plate
    plate · number

    Opacity of the slab the readout sits on. Below about 0.8 you are trusting the footage behind it to stay dark and quiet, which across a cut it will not.

    now: 0.95

  • Scale
    scale · number

    Size of the whole assembly. The safe margins do not scale with it — those belong to the frame, not to the object.

    now: 1

  • Ground
    ground · boolean

    Paint the frame behind it. Off by default — this is an overlay, so it renders on an alpha channel and drops straight over your own footage. On, it gets a lit ground so it stands up on its own.

    now: true

  • Brand
    brand · string

    Brand token id — one of the keys of BRANDS.

    now: ledger

For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/stat-callout-pin.tsx
Frame1920×1080
Duration90f · 3s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

I keep needing to point at something in my own footage and put a number on it — a spike on a chart, a line in a filing — and there is nothing in the library that does it. Make me a callout pin: a small target mark that lands on the spot, a leader line that runs out of it at an angle and turns once, and the figure with a short label at the end of the line. The position of the pin has to be a prop, and the line has to work out its own route from wherever I put it, including which way to go so the label stays inside the frame. It sits over my video so no background unless I ask, and it has to stay readable over a bright sky and a dark room.