[ station 01 ]

Add the package.

Graphs, frame, and theme in one install.

pnpm add markgraphy

[ station 02 ]

Import the base tokens.

In the root +layout.svelte.

+layout.svelte
import 'fractalstyler2/styles';
import 'markgraphy/styles/index.sass';

let { children } = $props();

[ station 03 ]

Drop a graph.

Import any graph from markgraphy.

page
import { GraphStat } from 'markgraphy';

<GraphStat title="THIS WEEK" items={items} />

[ markdown ]

Use in a .svx file

<script>
  import { GraphMeter } from 'markgraphy';
</script>

<GraphMeter title="SHIPPED" value={0.67} caption="of plan" />

[ tokens ]

--graph-accent

The one highlight.

--graph-accent-2

Second series.

--graph-accent-3

Third cycle.

--border

Dashed edge color.

--text-primary

Primary ink.

--bg

Plain black. #000.