# Line replay

A time replay line chart that draws a day of traffic with a moving playhead, a value label on the tip, a scrubber, speed control and key moments annotated as the playhead passes them.

- ID: `line-replay`
- Import: `animui/line-replay`
- Category: block
- Runtime exports: `LineReplay`
- Declaration: `types/pro/line-replay.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: connected-scatter, metric-explorer

```tsx
import { LineReplay } from 'animui/line-replay';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info line-replay` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface LineReplayProps {
  title?: string;
  description?: string;
  data?: string | number | boolean | ReactNode;
  moments?: string | number | boolean | ReactNode;
  seriesLabel?: string;
  baselineLabel?: string;
  valueLabel?: string;
  formatTime?: string | number | boolean | ReactNode;
  formatTick?: string | number | boolean | ReactNode;
  formatValue?: string | number | boolean | ReactNode;
  duration?: string | number | boolean | ReactNode;
  defaultSpeed?: string | number | boolean | ReactNode;
  defaultPosition?: string | number | boolean | ReactNode;
  autoPlay?: string | number | boolean | ReactNode;
  onMomentReached?: () => void;
  className?: string;
}

export declare const LineReplay: ComponentType<LineReplayProps>;

export default LineReplay;
```