---
name: ordered-rise
description: Make editable ordered column comparisons with synchronized endpoint numbers using GSAP and HyperFrames.
version: 1.0.2
---

# Ordered Rise

Use a column comparison when the sequence matters. Each quantity rises from the same zero line; its number travels with its endpoint. Earlier columns remain readable. This is a parameterized renderer for two to six nonnegative measurements, rather than a general film authoring system.

Read [the input and timing guide](references/authoring.md), then save a JSON brief outside this package. Install with Node 22: `npm ci`. Run `node scripts/create.mjs brief.json project-directory`, then `node scripts/render.mjs project-directory film.mp4`. FFmpeg and Chromium are required by HyperFrames. All fonts and GSAP are included; installation obtains the pinned HyperFrames toolchain.

The editable project contains HTML, a paused GSAP timeline registered with HyperFrames, the resolved brief and timing data. Change the brief and regenerate instead of editing exported video. Select lagoon, orchid, clay or graphite; they share the same choreography. Keep the reading hold and use the supplied unit consistently. Measurements must share one meaningful scale. Never invent factual results: label illustrative data in the brief.

Before delivery, check zero, every item entrance and completion, the reading hold and optional departure. Verify number/height agreement, text bounds, backward seeking and audio stream status. This renderer produces silent visual charts; sound and presenter footage require a separately authored media workflow. No footage or soundtrack is included.