# Realtime stream

A live line that scrolls at 60fps as readings arrive, holds still on hover to read, and pops a marker on every anomaly.

- ID: `realtime-stream`
- Import: `animui/realtime-stream`
- Category: Data
- Runtime exports: `RealtimeStream`
- Declaration: `types/pro/realtime-stream.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: line-chart, brush-chart, sparkline, animated-counter

```tsx
import { RealtimeStream } from 'animui/realtime-stream';
```

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 realtime-stream` 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 StreamPoint { time: number | string; value: number; }
export interface RealtimeStreamProps {
  points: StreamPoint[];
  label: string;
  unit?: string;
  windowMs?: number;
  interval?: number;
  height?: number;
  formatValue?: (value: number) => string;
  formatTime?: (t: number) => string;
  paused?: boolean;
  defaultPaused?: boolean;
  onPausedChange?: (paused: boolean) => void;
  pauseOnHover?: boolean;
  min?: number;
  max?: number;
  emptyLabel?: string;
  ref?: Ref<HTMLElement>;
  className?: string;
}

export declare const RealtimeStream: ComponentType<RealtimeStreamProps>;

export default RealtimeStream;
```