Mografy Templates · Numbers and charts

Numbers table

Three figures count up in an editorial table, each row drawn in under a thin rule with its label in caps.

9:164.5 sFree · MIT
Also designed for 16:9stat-count-wide

Add the template

Run this in your Mografy folder. The template, the shared modules and its fonts are copied into the project; files you changed are kept. A folder that is not a project yet becomes one, with a scene that plays the template.

Terminal
mografy add stat-count projects/my-film

To watch it on its own, point the project's scene to the template: "scene": "scenes/templates/stat-count.ts"

Use it in a film

Play the template on your film's timeline and override its parameters. Pass backdrop: false to draw an overlay template over your own picture.

scenes/main.ts
import * as statCount from './templates/stat-count.js'
import { play } from './templates/kit.js'

// inside renderFrame(ctx, time): play it from 2 s, with your own copy
play(ctx, time, 2, statCount, { title: "The numbers so far" })

Or describe the film to Claude or Codex: the Mografy Skill knows every template and picks the ones that fit.

For your agent Three key figures with short labels, one per line as "value | label" (a unit or suffix may follow the value: "4.9/5", "3 MIN"). Values up to 6 digits, labels under ~20 characters; the headline is one line of up to ~22 characters.

Parameters

  • titlestringThe numbers so far
  • statsstring12,480 | Teams ⏎ 4.9/5 | Average rating ⏎ 3 MIN | To first film
  • kickerstringLaunch notes
  • labelstringNorthwind
  • brandstringNorthwind · Studio
  • themeenum · light | darklight
  • accentcolor#D4643A
  • safeGuidebooleanfalse

Timing and layout live in the template file itself: edit them there, then check and review the frames.