Sparkline

Tiny inline bar chart.

A compact bar sparkline for trends. Decorative by default; pass `label` to expose it to assistive tech as an image.

Demo

Demo loads from http://localhost:6006. Run pnpm storybook for it to render locally.

svelte

<script>
  import { Sparkline } from 'dssoca';
</script>

<Sparkline data={[3, 7, 4, 9, 6, 11]} label="req/min, last 6h" />

Prop	Type	Default	Description
`data`	`number[]`	—	Required. Series values.
`color`	`string`	`var(--ss-primary)`	Bar colour.
`label`	`string`	—	Accessible name; when set, role="img".
`size`	`'sm' \| 'md' \| 'lg'`	—	Per-instance size override; inherits the ancestor `data-size-variant` when unset.