svelteplot 0.3.10-pr-152.0 → 0.3.11-pr-153.0

package/dist/transforms/index.d.ts

@@ -12,5 +12,5 @@ export { renameChannels, replaceChannels } from './rename.js';
 export { select, selectFirst, selectLast, selectMaxX, selectMaxY, selectMinX, selectMinY } from './select.js';
 export { shiftX, shiftY } from './shift.js';
 export { sort, shuffle, reverse } from './sort.js';
-export { stackX, stackY } from './stack.js';
+export { stackX, stackY, stackMarimekko } from './stack.js';
 export { windowX, windowY } from './window.js';

package/dist/transforms/index.js

@@ -12,5 +12,5 @@ export { renameChannels, replaceChannels } from './rename.js';
 export { select, selectFirst, selectLast, selectMaxX, selectMaxY, selectMinX, selectMinY } from './select.js';
 export { shiftX, shiftY } from './shift.js';
 export { sort, shuffle, reverse } from './sort.js';
-export { stackX, stackY } from './stack.js';
+export { stackX, stackY, stackMarimekko } from './stack.js';
 export { windowX, windowY } from './window.js';

package/dist/transforms/stack.d.ts

@@ -8,3 +8,18 @@ export type StackOptions = {
 };
 export declare function stackY<T>({ data, ...channels }: T, opts?: Partial<StackOptions>): T;
 export declare function stackX({ data, ...channels }: TransformArg, opts?: Partial<StackOptions>): TransformArg;
+export declare function stackMarimekko({ data, x, y, value, ...rest }: {
+    [x: string]: any;
+    data: any;
+    x: any;
+    y: any;
+    value: any;
+}, { x: xOpt, y: yOpt }?: {}): {
+    data: any[];
+    x: symbol;
+    x1: symbol;
+    x2: symbol;
+    y: symbol;
+    y1: symbol;
+    y2: symbol;
+};

package/dist/transforms/stack.js

@@ -1,7 +1,7 @@
 import isDataRecord from '../helpers/isDataRecord.js';
 import { resolveChannel } from '../helpers/resolve.js';
 import { stack, stackOffsetExpand, stackOffsetSilhouette, stackOffsetWiggle, stackOrderAppearance, stackOrderAscending, stackOrderInsideOut, stackOrderNone, stackOffsetDiverging } from 'd3-shape';
-import { index, union, groups as d3Groups } from 'd3-array';
+import { index, union, sum, groups as d3Groups } from 'd3-array';
 const GROUP = Symbol('group');
 const FACET = Symbol('group');
 const DEFAULT_STACK_OPTIONS = {
@@ -110,3 +110,33 @@ function applyDefaults(opts) {
     }
     return { ...DEFAULT_STACK_OPTIONS, ...opts };
 }
+const X = Symbol('x'), X1 = Symbol('x1'), X2 = Symbol('x2');
+const Y = Symbol('y'), Y1 = Symbol('y1'), Y2 = Symbol('y2');
+export function stackMarimekko({ data, x, y, value, ...rest }, { x: xOpt, y: yOpt } = {}) {
+    const total = sum(data, (d) => d[value]);
+    let xPos = 0;
+    const grouped = d3Groups(data, (d) => d[x]).flatMap(([k, items]) => {
+        const groupValue = sum(items, (d) => d[value]);
+        const x1 = xPos, x2 = xPos + groupValue;
+        xPos = x2;
+        let yPos = 0;
+        return items.map((d) => {
+            const y1 = yPos, y2 = yPos + d[value];
+            yPos = y2;
+            const normX1 = xOpt?.percent ? x1 / total : x1;
+            const normX2 = xOpt?.percent ? x2 / total : x2;
+            const normY1 = yOpt?.percent ? y1 / groupValue : y1;
+            const normY2 = yOpt?.percent ? y2 / groupValue : y2;
+            return {
+                ...d,
+                [X1]: normX1,
+                [X2]: normX2,
+                [Y1]: normY1,
+                [Y2]: normY2,
+                [X]: (normX1 + normX2) / 2,
+                [Y]: (normY1 + normY2) / 2
+            };
+        });
+    });
+    return { ...rest, data: grouped, x: X, x1: X1, x2: X2, y: Y, y1: Y1, y2: Y2 };
+}

package/dist/ui/ExamplesGrid.svelte

@@ -1,10 +1,11 @@
 <script>
+    import { resolve } from '$app/paths';
     let { examples } = $props();
 </script>
 
 <div class="list">
     {#each examples as page, i (i)}
-        <a href={page.url}>
+        <a href={resolve(page.url)}>
             <div>
                 {#if page.screenshot}
                     <img src={page.screenshot} alt={page.title} />{/if}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.3.10-pr-152.0",
+    "version": "0.3.11-pr-153.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",
@@ -52,11 +52,11 @@
     "devDependencies": {
         "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
         "@emotion/css": "^11.13.5",
-        "@sveltejs/adapter-auto": "^6.0.1",
-        "@sveltejs/adapter-static": "^3.0.8",
+        "@sveltejs/adapter-auto": "^6.1.0",
+        "@sveltejs/adapter-static": "^3.0.9",
         "@sveltejs/eslint-config": "^8.3.4",
-        "@sveltejs/kit": "^2.27.1",
-        "@sveltejs/package": "^2.4.0",
+        "@sveltejs/kit": "^2.37.0",
+        "@sveltejs/package": "^2.5.0",
         "@sveltejs/vite-plugin-svelte": "5.1.1",
         "@sveltepress/theme-default": "^6.0.4",
         "@sveltepress/twoslash": "^1.2.2",
@@ -77,32 +77,32 @@
         "@types/geojson": "^7946.0.16",
         "@types/topojson": "^3.2.6",
         "@types/topojson-client": "^3.1.5",
-        "@typescript-eslint/eslint-plugin": "^8.39.0",
-        "@typescript-eslint/parser": "^8.39.0",
+        "@typescript-eslint/eslint-plugin": "^8.42.0",
+        "@typescript-eslint/parser": "^8.42.0",
         "csstype": "^3.1.3",
         "d3-dsv": "^3.0.1",
         "d3-fetch": "^3.0.1",
         "d3-force": "^3.0.0",
-        "eslint": "^9.32.0",
+        "eslint": "^9.34.0",
         "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-svelte": "3.11.0",
+        "eslint-plugin-svelte": "3.12.1",
         "jsdom": "^26.1.0",
         "prettier": "^3.6.2",
         "prettier-plugin-svelte": "^3.4.0",
-        "puppeteer": "^24.15.0",
+        "puppeteer": "^24.19.0",
         "remark-code-extra": "^1.0.1",
         "remark-code-frontmatter": "^1.0.0",
         "resize-observer-polyfill": "^1.5.1",
-        "sass": "^1.90.0",
+        "sass": "^1.92.0",
         "svelte-check": "^4.3.1",
         "svelte-eslint-parser": "1.3.1",
-        "svelte-highlight": "^7.8.3",
+        "svelte-highlight": "^7.8.4",
         "svg-path-parser": "^1.1.0",
         "topojson-client": "^3.1.0",
         "ts-essentials": "^10.1.1",
         "tslib": "^2.8.1",
-        "typedoc": "^0.28.9",
-        "typedoc-plugin-markdown": "^4.8.0",
+        "typedoc": "^0.28.12",
+        "typedoc-plugin-markdown": "^4.8.1",
         "typescript": "^5.9.2",
         "vite": "^6.3.5",
         "vitest": "^3.2.4",
@@ -124,9 +124,9 @@
         "d3-scale-chromatic": "^3.1.0",
         "d3-shape": "^3.2.0",
         "d3-time": "^3.1.0",
-        "es-toolkit": "^1.39.8",
+        "es-toolkit": "^1.39.10",
         "fast-equals": "^5.2.2",
         "merge-deep": "^3.0.3",
-        "svelte": "5.37.3"
+        "svelte": "5.38.7"
     }
 }