Svelte 5 component · machines-ui · Animated
GraphJapa
A mala (prayer-bead ring) drawn in ASCII, with a marker travelling bead by bead around the circle.
Install
GraphJapa is a Svelte 5 animated ASCII japa component in @fractaldesign/machines-ui. It works in SvelteKit and in any Svelte 5 app.
pnpm add @fractaldesign/machines-uiImport
import '@fractaldesign/machines-ui/style.css';
import { GraphJapa } from '@fractaldesign/machines-ui';Usage
<GraphJapa title="MALA" />Props
| Name | Type | Default |
|---|---|---|
title | string Caption drawn on the top edge as `[ TITLE ]`. Uppercase, 1–2 words. | — |
animated | boolean Animate the marker around the mala. Default true. Reduced motion freezes a mid-mala frame. | true |
cols | number Width of the scene in characters. Default 60. | 60 |
rows | number Height of the scene in rows. Default 22. | 22 |
beads | number Total beads per mala. The mala is 108; the counter shows current/total. Default 108. | 108 |
speedMs | number Milliseconds per bead. Default 110. | 110 |
label | string Short caption under the art; the art itself is decorative. | 'a breath for every bead' |
class | string | '' |
Related components
GraphLife Conway's Game of Life in block glyphs, framed. Alive is accent, the dead leave a faint trail.GraphMandala A lotus mandala drawn in terminal glyphs, blooming outward ring by ring and then slowly rotating.GraphMandel ASCII Mandelbrot with a slow cinematic zoom into seahorse valley.GraphPulse A live health strip: a window of blips — ok, degraded, or down — appended at a fixed interval, newest on the…GraphRain A looping character-art rain animation with adjustable trails and dimensions.GraphScatter An ASCII scatter plot: x/y points mapped onto a grid, with optional accent points and a linear-trend strip.