docs: add stacked unit chart example

gka · gka · commit 07f7c07bc3ae · 2025-06-02T08:35:11.000+02:00
diff --git a/src/routes/examples/bar/stacked-unit-chart.svelte b/src/routes/examples/bar/stacked-unit-chart.svelte
@@ -0,0 +1,24 @@
+<script module>
+    export let title = 'Stacked Unit Chart';
+</script>
+
+<script>
+    import { BarX, Plot } from 'svelteplot';
+    import { page } from '$app/state';
+    let { penguins } = $derived(page.data.data);
+</script>
+
+<Plot
+    marginLeft={60}
+    x={{ label: 'Frequency →' }}
+    y={{ label: null }}
+    color={{ legend: true }}>
+    <BarX
+        data={penguins}
+        y="species"
+        x={1}
+        inset={0.5}
+        fill="body_mass_g"
+        sort="body_mass_g" />
+    <RuleX data={[0]} />
+</Plot>
