Renders an SVG line with a gradient-filled area underneath that reveals from left to right using an animated clipPath driven by interpolate(). The filled area adds visual weight compared to a plain line chart, making it ideal for showing cumulative metrics, revenue over time, or any dataset where volume matters.
Data points, gradient colors, axis labels, and chart title are configurable. Data point circles appear along the line as the reveal progresses. Uses pure Remotion hooks for deterministic, server-safe rendering.