Svelte 5 component · machines-ui · Animated
GraphGanga
Three stepped river lines cascading down the frame while a lit diya rides the bottom flow; purely decorative.
Install
GraphGanga is a Svelte 5 animated ASCII ganga 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 { GraphGanga } from '@fractaldesign/machines-ui';Usage
<GraphGanga title="GANGES" />Props
| Name | Type | Default |
|---|---|---|
title | string Caption drawn on the top edge as `[ TITLE ]`. Uppercase, 1–2 words. | — |
animated | boolean Animate the flow and the floating diya. Default true. Reduced motion freezes a frame mid-flow. | true |
cols | number Width of the scene in characters. Default 60. | 60 |
rows | number Height of the scene in rows. Default 18. | 18 |
speedMs | number Milliseconds per tick. Default 110. | 110 |
seedNum | number Seed for the starting phase of the lamp's vertical bob, so two scenes bob out of step. The water is not seeded. Default 17. | 17 |
label | string Short caption under the art; the art itself is decorative. | 'the descent' |
class | string | '' |
Related components
GraphHash A character-art hashing animation that transforms an input string into a changing digest.GraphJapa A mala (prayer-bead ring) drawn in ASCII, with a marker travelling bead by bead around the circle.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…