[ graphs · GraphTable ]

table

Framed data table with an optional footer row for totals.

[ WHAT THE RESEARCH COST ]

Agent	Tokens	Tool calls	Time

Inks and paper	115,207	120	16m
Overprint and drift	135,218	164	16m
Naming the patterns	186,716	112	18m

Total	437,141	396	~50m

source src/lib/graphs/GraphTable.svelte

+page.svelte

import { GraphTable } from 'markgraphy';

<GraphTable
  title="WHAT THE RESEARCH COST"
  headers={['Agent', 'Tokens', 'Tool calls', 'Time']}
  align={['left', 'right', 'right', 'right']}
  rows={[
    ['Inks and paper', '115,207', '120', '16m'],
    ['Overprint and drift', '135,218', '164', '16m'],
    ['Naming the patterns', '186,716', '112', '18m']
  ]}
  footer={['Total', '437,141', '396', '~50m']}
/>

[ props ]

Props

7 props

prop	type	default	description
title	string	—	Caption drawn on the top edge of the frame.
headers	string[]	—	Column headings. Sentence case.
rows	(string \| number \| Snippet)[][]	—	Body cells, one array per row. Strings and numbers, or a snippet for custom cells.
footer	(string \| number \| Snippet)[]	—	Optional totals row under a rule.
align	('left' \| 'right')[]	left, then right	Per-column alignment. Defaults to left on the first column.
corner	string	"+"	Character at each corner of the frame.
class	string	—	Passed to the outer frame.

Back to set