Previews from the publisher
Build one whole from its parts. Segments reveal in place along a continuous horizontal strip, with each matching legend entry following in the same order. Fixed 0% and 100% endpoints keep the scale clear. This ten-second composition visualizes supplied shares, normalized to a whole; it does not import or verify the underlying distribution.
Define the whole before animating its pieces. A bar totaling 100% can look complete even when categories are omitted, so establish the denominator and completeness of the input outside the animation.
/creatormotion-comparison-composition-strip Turn my supplied explanation into a white-yellow B-roll scene using the Composition Strip effect. Use the text, data and media I provide, and ask for any required input that is missing.Prepare a title defining the whole and segment objects with positive numeric shares. For percentage inputs, follow the guide and make them sum to 100. Do not use negative values or a zero total.
Confirm the normalization: the code divides every share by the total even if the inputs do not sum to 100. If you enter counts, they become proportions of the supplied counts, not a separately established population. Make that denominator clear in the explanation.
Keep the category set compact enough for the two-column legend. Colors cycle through four treatments; more entries repeat them. Rounded legend percentages can sum to 99 or 101 while widths still use normalized values. No footage, matte or raster image is used.
Prepare Node.js 22+, FFmpeg and the documented HyperFrames CLI 0.8.30. From the extracted package run node scripts/create.mjs --out PROJECT --data CONTENT.json with the chosen --style. Use semantic --overrides if needed. An --images JSON maps named slots to local files, with relative paths resolved beside the map and unlisted slots retaining bundled defaults. Read the image policy before replacing material.
Lint, validate and inspect the generated HyperFrames project, then render at 1920×1080 and 30 fps with the pinned CLI. Review real MP4 frames at the opening, each handoff and final state for clipping, contrast and correct labels. Keep at least 1.2 seconds for final reading when editing timing, and compare all palettes with identical content after module changes. Narration, music and film assembly remain separate work. Compare the width/order of every part with its legend, check small shares and separators in grayscale, and make sure the title identifies exactly what the 100% represents.
Yes. title and segment labels/shares are supplied through JSON, with four palettes and semantic overrides. Segment and legend order follow the input list.
No. The strip uses editable geometry and text. Generic image/presenter instructions do not introduce media requirements for this effect.
Yes. Keep the continuous whole, staged part reveals and matching legend sequence. Do not rearrange finished segments during the build, as that would obscure the fixed scale.
The implementation normalizes them by their total. Use positive values, verify the resulting denominator and supply a complete distribution. For percentages, the documented input recommendation is a sum of 100.
Each is rounded independently to a whole percentage. The strip widths use the normalized values before that display rounding. Adapt formatting if fractional precision matters.
Select a star to share your experience.
No reviews yet. Ratings appear once readers share real experiences.
+7
Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.
+7Use this Skill to create broll animation.