Render with Remotion CLI
npx remotion render remotion/index.tsx data-viz output.mp4
Composition code
import {
AbsoluteFill,
useCurrentFrame,
interpolate,
Easing,
} from "remotion";
interface DataVizProps {
title?: string;
metric?: string;
label?: string;
[key: string]: any;Data Visualisation
Animated bar charts, line graphs, and KPI counters for reports and dashboards.
Duration20s
Resolution1920 × 1080
Frame rate30 fps
Frames600
Copy the code snippet into your Remotion project and run the render command to generate this template locally.
