GraphScope

The values currently inside the window, left to right.

Import

svelte
import { GraphScope } from 'markgraphy';

Basic usage

svelte
<GraphScope
  title="example"
  window={44}
/>

Props

PropTypeDefaultDescription
titlestring—Caption on the frame’s top edge.
datanumber[]—Series to scroll through. The window loops over it.
window?number44Visible columns. Default 44.
rows?number6Grid height in rows. Default 6.
speedMs?number160Milliseconds between ticks. Default 160.
mode?ScopeMode'line'‘line’ draws one block per column; ‘area’ fills down to the baseline.
animated?booleantrueAnimate the scroll. Default true. Reduced motion freezes the window.
class?string''—

Exported types

  • ScopeMode
  • GraphScopeProps

Reduced motion

Animation is disabled under prefers-reduced-motion.