Activity

copy<script lang="ts">
	import { GraphActivity } from '@fractaldesign/machines-ui';

	// Pass dated counts; weeks, months, and intensity are derived.
</script>

<GraphActivity
  title="COMMITS"
  palette="multi"
  days={[
    { date: '2025-09-01', count: 3 },
    { date: '2025-09-02', count: 12 }
    // ...one per day, gaps fill as empty
  ]}
/>

copyimport { GraphActivity } from '@fractaldesign/machines-ui';

<GraphActivity
  title="SHIPPED"
  weekStartsOn={1}
  glyphs="ascii"
  days={activityDays('2026-06-01', 91)}
  caption="Jun – Aug"
/>