diff --git a/src/routes/transforms/filter/+page.md b/src/routes/transforms/filter/+page.md
index e7f59422..44fd3abd 100644
--- a/src/routes/transforms/filter/+page.md
+++ b/src/routes/transforms/filter/+page.md
@@ -5,3 +5,37 @@ title: Filter transform
The **filter transform** filters a mark’s index to show a subset of the data. For example, below the **filter** option controls which text labels are displayed in a dense scatterplot.
Since the filter transform only affects the mark’s index and not the channel values, it does not affect the default scale domains. Below, the x scale contains every English letter, even though the only the bars for the vowels are shown.
+
+```svelte live
+
+
+
+ /[aeiouy]/i.test(d.letter)}
+ x="letter"
+ y="frequency" />
+
+```
+
+```svelte
+
+ /[aeiouy]/i.test(d.letter)}
+ x="letter"
+ y="frequency" />
+
+```
+
+[fork](https://svelte.dev/playground/50337f4963264dcb9d4b8cf7c80702b2?version=latest)
+
+TODO(@gka): Fork repl and replace link
diff --git a/src/routes/transforms/filter/+page.ts b/src/routes/transforms/filter/+page.ts
index d4cf4926..ee31f31c 100644
--- a/src/routes/transforms/filter/+page.ts
+++ b/src/routes/transforms/filter/+page.ts
@@ -1,5 +1,8 @@
+import { loadDatasets } from 'svelteplot/helpers/data.js';
import type { PageLoad } from './$types.js';
-export const load: PageLoad = () => {
- return { datasets: ['aapl'] };
+export const load: PageLoad = async ({ fetch }) => {
+ return {
+ data: await loadDatasets(['alphabet'], fetch)
+ };
};
pFad - Phonifier reborn
Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.
Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies:
Alternative Proxy
pFad Proxy
pFad v3 Proxy
pFad v4 Proxy