format

gka · gka · commit 9046e7141fb5 · 2025-05-26T22:10:53.000+02:00
diff --git a/.github/workflows/preview-publish.yml b/.github/workflows/preview-publish.yml
@@ -1,47 +1,47 @@
 name: Publish PR Preview Package
 
 on:
-  pull_request:
-    branches: [main]
-    
+    pull_request:
+        branches: [main]
+
 jobs:
-  publish-preview:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      issues: write
-      pull-requests: write
-    steps:
-    - uses: actions/checkout@v4
-
-    - name: Set up Node.js
-      uses: actions/setup-node@v4
-      with:
-        node-version: 20
-        registry-url: 'https://registry.npmjs.org/'
-
-    - name: Install dependencies
-      run: pnpm i
-
-    - name: Generate preview version
-      run: |
-        pr_number=${{ github.event.pull_request.number }}
-        npm version prerelease --preid=pr-${pr_number} --no-git-tag-version
-
-    - name: Publish to npm
-      environment:
-        name: npm
-      env:
-        NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH }}
-      run: npm publish --tag pr-${{ github.event.pull_request.number }} --access public
-
-    - name: Comment on PR
-      uses: marocchino/sticky-pull-request-comment@v2
-      with:
-        message: |
-          📦 Preview package for this PR is published!
-
-          Install it with:
-          ```bash
-          npm install svelteplot@pr-${{ github.event.pull_request.number }}
-          ```
+    publish-preview:
+        runs-on: ubuntu-latest
+        permissions:
+            contents: write
+            issues: write
+            pull-requests: write
+        steps:
+            - uses: actions/checkout@v4
+
+            - name: Set up Node.js
+              uses: actions/setup-node@v4
+              with:
+                  node-version: 20
+                  registry-url: 'https://registry.npmjs.org/'
+
+            - name: Install dependencies
+              run: pnpm i
+
+            - name: Generate preview version
+              run: |
+                  pr_number=${{ github.event.pull_request.number }}
+                  npm version prerelease --preid=pr-${pr_number} --no-git-tag-version
+
+            - name: Publish to npm
+              environment:
+                  name: npm
+              env:
+                  NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH }}
+              run: npm publish --tag pr-${{ github.event.pull_request.number }} --access public
+
+            - name: Comment on PR
+              uses: marocchino/sticky-pull-request-comment@v2
+              with:
+                  message: |
+                      📦 Preview package for this PR is published!
+
+                      Install it with:
+                      ```bash
+                      npm install svelteplot@pr-${{ github.event.pull_request.number }}
+                      ```
diff --git a/src/routes/transforms/jitter/+page.md b/src/routes/transforms/jitter/+page.md
@@ -2,7 +2,7 @@
 title: Jitter transform
 ---
 
-The **jitter transform** adds random noise to data points, which is useful for revealing overlapping points in scatter plots and reducing overplotting. 
+The **jitter transform** adds random noise to data points, which is useful for revealing overlapping points in scatter plots and reducing overplotting.
 
 :::info
 **Note:** The jitter transform works in data coordinates. To jitter in screen coordinates, you can use the `dx` and `dy` mark properties instead.
@@ -64,26 +64,26 @@ The jitter transform spreads out overlapping points by adding random noise. This
 The jitter transform accepts the following options:
 
 - **type**: Distribution type, either `'uniform'` (default) or `'normal'`
-  - `uniform`: Evenly distributed points within range [-width, width]
-  - `normal`: Normal distribution centered at 0 with standard deviation `std`
+    - `uniform`: Evenly distributed points within range [-width, width]
+    - `normal`: Normal distribution centered at 0 with standard deviation `std`
 - **width**: Width of the uniform distribution (default: `0.35`); used when `type` is `'uniform'`
-  - For numeric data: A number representing the range on either side of the original value
-  - For date data: A time interval string (e.g., `'1 month'`, `'2 weeks'`, `'3 days'`)
+    - For numeric data: A number representing the range on either side of the original value
+    - For date data: A time interval string (e.g., `'1 month'`, `'2 weeks'`, `'3 days'`)
 - **std**: Standard deviation for the normal distribution (default: `0.15`); used when `type` is `'normal'`
-  - For numeric data: A number representing the standard deviation
-  - For date data: A time interval string (e.g., `'1 month'`, `'2 weeks'`, `'3 days'`)
+    - For numeric data: A number representing the standard deviation
+    - For date data: A time interval string (e.g., `'1 month'`, `'2 weeks'`, `'3 days'`)
 - **source**: Optional random number source that produces values in range [0,1)
-  - Useful for deterministic jittering (testing or reproducibility)
-  - Can be used with d3's random generators: `randomLcg()` from d3-random
+    - Useful for deterministic jittering (testing or reproducibility)
+    - Can be used with d3's random generators: `randomLcg()` from d3-random
 
 The following time interval strings are supported for temporal jittering:
+
 - `'1 day'`, `'3 days'`
 - `'1 week'`, `'2 weeks'`, `'3 weeks'`
-- `'1 month'`, `'2 months'` 
+- `'1 month'`, `'2 months'`
 - `'1 quarter'`
 - `'1 year'`
 
-
 ## jitterX
 
 Jitters along the x dimension:
@@ -108,7 +108,6 @@ Jitters along the y dimension:
     )} />
 ```
 
-
 ## Temporal jittering
 
 Jittering also works for temporal data. When jittering Date objects, random time offsets are added to each date value:
@@ -182,11 +181,11 @@ For reproducible jittering or specialized random distributions, you can provide
 <script>
     import { Plot, Dot, jitterX } from 'svelteplot';
     import { randomLcg } from 'd3-random';
-    
+
     // Create a deterministic random source with a seed
     const seed = 42;
     const myRandomSource = randomLcg(seed);
-    
+
     // This will produce the same jitter pattern every time
     const jitteredProps = jitterX(
         { data, x: 'value' },
@@ -200,6 +199,7 @@ For reproducible jittering or specialized random distributions, you can provide
 ```
 
 This is particularly useful for:
+
 - Testing and debugging visualizations
 - Creating reproducible figures for publications
 - Ensuring consistent visual appearance across renders
