Editorial Data Chart

Warm paper, serif headings, animated bars, and a traced line for business metrics and data explainers. Reuse a 15-second HTML/SVG composition with a paused GSAP timeline; replace data arrays, scales, labels, and source attribution, then integrate it into a HyperFrames film.

What you’re reusing

An individual shot or motion implementation. Adapt it to your scene and timeline.

A good starting point for

Data stories ↗

Use-case recommendations are editorial assessments.

Make it your own

Inspect the actual source.
Open the linked artifact and its project instructions. Check the required runtime, inputs, and upstream terms.
Adapt the content and visual direction.
Use the replacement notes above. Bring your own copy, data, assets, and branding; match the timing to your story.
Preview, render, and review.
Follow the upstream render workflow. Check framing, typography, audio, and output before publishing.

Review & sources 2

Source and documentation review is separate from installation and render testing.

hyperframes — repository license2026-10-27

Repository Apache-2.0 license inspected. Replace sample branding/avatar; external dependencies retain their terms.

Read reviewed source

Editorial Data Chart — source review2026-10-27

Inspected source/specification after discovery at https://hyperframes.heygen.com/catalog/blocks/data-chart. Supports editable implementation, presentation, and adaptation notes. Video suitability is editorial; no install or render test performed.

Read reviewed source