GraphGanga

Import

svelte
import { GraphGanga } from 'markgraphy';

Basic usage

svelte
<GraphGanga
  title="example"
  animated={true}
  cols={60}
/>
[ example ]

the descent

Props

PropTypeDefaultDescription
titlestring—Caption drawn on the top edge as [ TITLE ]. Uppercase, 1–2 words.
animated?booleantrueAnimate the flow and the floating diya. Default true. Reduced motion freezes a frame mid-flow.
cols?number60Width of the scene in characters. Default 60.
rows?number18Height of the scene in rows. Default 18.
speedMs?number110Milliseconds per tick. Default 110.
seedNum?number17Seed for the flow pattern and the diya’s vertical bob. Default 17.
label?string'the descent'Short caption under the art; the art itself is decorative.
class?string''—

Exported types

  • GraphGangaProps

Reduced motion

Animation is disabled under prefers-reduced-motion.