Remotion Data Viz

Animated data visualizations as Remotion compositions — frame-deterministic, React-based, seekable.

For the composition contract see remotion-core. For animation primitives see remotion-animation.

Core principle

Data visualizations in Remotion are animated from frame 0 to durationInFrames. All chart values are derived from useCurrentFrame() — there is no re-render on resize or data change, only a deterministic mapping of frame → visual state.

Common patterns

Animated counter

import {useCurrentFrame, useVideoConfig, interpolate} from 'remotion';