GraphJapa

Import

svelte
import { GraphJapa } from 'markgraphy';

Basic usage

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

a breath for every bead

Props

PropTypeDefaultDescription
titlestring—Caption drawn on the top edge as [ TITLE ]. Uppercase, 1–2 words.
animated?booleantrueAnimate the marker around the mala. Default true. Reduced motion freezes a mid-mala frame.
cols?number60Width of the scene in characters. Default 60.
rows?number22Height of the scene in rows. Default 22.
beads?number108Total beads per mala. The mala is 108; the counter shows current/total. Default 108.
speedMs?number110Milliseconds per bead. Default 110.
label?string'a breath for every bead'Short caption under the art; the art itself is decorative.
class?string''—

Exported types

  • GraphJapaProps

Reduced motion

Animation is disabled under prefers-reduced-motion.