svelteplot
diff --git a/‎src/routes/examples/+layout.ts
Lines changed: 1 addition & 0 deletions b/‎src/routes/examples/+layout.ts
Lines changed: 1 addition & 0 deletions
diff --git a/‎src/routes/examples/bar/_index.svelte
Lines changed: 5 additions & 0 deletions b/‎src/routes/examples/bar/_index.svelte
Lines changed: 5 additions & 0 deletions
diff --git a/‎src/routes/examples/bar/shuffled-bars.svelte
Lines changed: 25 additions & 0 deletions b/‎src/routes/examples/bar/shuffled-bars.svelte
Lines changed: 25 additions & 0 deletions
diff --git a/‎static/examples/bar/shuffled-bars.dark.png
33.5 KB b/‎static/examples/bar/shuffled-bars.dark.png
33.5 KB
diff --git a/‎static/examples/bar/shuffled-bars.png
33.6 KB b/‎static/examples/bar/shuffled-bars.png
33.6 KB
@@ -11,6 +11,7 @@ export const load: PageServerLoad = async ({ fetch }) => {
             ...(await loadDatasets(
                 [
                     'aapl',
+                    'alphabet',
                     'beagle',
                     'bls',
                     'co2',
 
@@ -0,0 +1,5 @@
+<script module>
+    export let title = 'Bar';
+</script>
+
+<h1>Bar examples</h1>
@@ -0,0 +1,25 @@
+<script module>
+    export let title = 'Shuffled Bars';
+</script>
+
+<script>
+    import { Plot, BarY, RuleY, shuffle } from 'svelteplot';
+
+    import { page } from '$app/state';
+    let { alphabet } = $derived(page.data.data);
+
+    let seed = $state(42);
+</script>
+
+<Plot
+    grid
+    y={{ percent: true }}
+    x={{ sort: false }}
+    marginTop={25}>
+    <RuleY data={[0]} />
+    <BarY
+        {...shuffle(
+            { data: alphabet, x: 'letter', y: 'frequency' },
+            { seed }
+        )} />
+</Plot>
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ export const load: PageServerLoad = async ({ fetch }) => {`
`11`	`11`	`...(await loadDatasets(`
`12`	`12`	`[`
`13`	`13`	`'aapl',`
	`14`	`+ 'alphabet',`
`14`	`15`	`'beagle',`
`15`	`16`	`'bls',`
`16`	`17`	`'co2',`