GraphAgni
Import
import { GraphAgni } from 'markgraphy';Basic usage
<GraphAgni
title="example"
animated={true}
showControls={true}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
title? | string | — | Caption drawn on the top edge as [ TITLE ]. Uppercase, 1–2 words. |
animated? | boolean | true | Animate the burn. Default true. Reduced motion freezes a mid-burn frame. |
showControls? | boolean | true | Show the playback controls. Default true. |
cols? | number | 56 | Width of the scene in characters. Default 56. |
rows? | number | 16 | Height of the scene in rows. Default 16. |
speedMs? | number | 90 | Milliseconds per simulation step. Default 90. |
cooling? | number | 0.6 | Random decay strength; higher burns out sooner. Default 0.6. |
seedNum? | number | 3 | Seed for the reproducible burn. Default 3. |
label? | string | — | Short caption under the art; the art itself is decorative. |
class? | string | '' | — |
Exported types
GraphAgniProps
Reduced motion
Animation is disabled under prefers-reduced-motion.