Svelte 5 component · machines-ui · Animated
GraphDiya
A row of diyas that light one by one and then breathe, drawn as character-art candle flames over a dark gutter; purely decorative.
Install
GraphDiya is a Svelte 5 animated ASCII diya 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 { GraphDiya } from '@fractaldesign/machines-ui';Usage
<GraphDiya title="DIWALI" lamps={5} />Props
| Name | Type | Default |
|---|---|---|
title | string Caption drawn on the top edge as `[ TITLE ]`. Uppercase, 1–2 words. | — |
animated | boolean Animate the lighting and the breathing. Default true. Reduced motion freezes a fully lit row. | true |
cols | number Width of the scene in characters. Default 60. | 60 |
rows | number Height of the scene in rows. Default 14. | 14 |
lamps | number Number of diyas in the row. Default 5. | 5 |
speedMs | number Milliseconds per tick. Default 110. | 110 |
seedNum | number Seed for the per-lamp phase and gutter schedule. Default 13. | 13 |
label | string Short caption under the art; the art itself is decorative. | 'row of light' |
class | string | '' |
Related components
GraphFire A looping character-art fire animation with adjustable dimensions, cooling, and speed.GraphFlame A flame graph drawn in ASCII, cycling which leaf of the call tree is lit as the hot path.GraphFlowPlayer Plays through an ordered list of process steps, typing on the active step's label and revealing its detail…GraphGanga Three stepped river lines cascading down the frame while a lit diya rides the bottom flow; purely decorative.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.