svelteplot 0.3.11 → 0.4.1

package/dist/transforms/sort.d.ts

@@ -1,36 +1,36 @@
-import type { DataRecord, DataRow, TransformArg } from '../types/index.js';
+import type { DataRow, TransformArg } from '../types/index.js';
 export declare const SORT_KEY: unique symbol;
 export declare const IS_SORTED: unique symbol;
-export declare function sort({ data, ...channels }: TransformArg<DataRecord>, options?: {
+export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?: {
     reverse?: boolean;
 }): {
     [IS_SORTED]: string | number | true | symbol | Date | {
         channel: string;
         order?: "ascending" | "descending";
-    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | ((d: DataRecord) => import("../types/index.js").RawValue);
+    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | ((d: T) => import("../types/index.js").RawValue);
     sort: null;
-    filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
+    filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
-    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
-    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
+    fx?: import("../types/index.js").ChannelAccessor<T>;
+    fy?: import("../types/index.js").ChannelAccessor<T>;
+    dx?: import("../types/index.js").ConstantAccessor<number, T>;
+    dy?: import("../types/index.js").ConstantAccessor<number, T>;
+    fill?: import("../types/index.js").ChannelAccessor<T>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    stroke?: import("../types/index.js").ChannelAccessor<T>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
+    opacity?: import("../types/index.js").ChannelAccessor<T>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
     clipPath?: string | undefined;
-    imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
-    paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
     onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -62,37 +62,37 @@ export declare function sort({ data, ...channels }: TransformArg<DataRecord>, op
     oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     class?: string | null | undefined;
-    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
-    data: {
-        ___orig___?: import("../types/index.js").RawValue | [import("../types/index.js").RawValue, import("../types/index.js").RawValue];
-    }[];
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
+    data: T[] | Omit<T & {
+        [SORT_KEY]: number | Date | string;
+    }, typeof SORT_KEY>[];
 } | {
-    filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
+    filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
+    fx?: import("../types/index.js").ChannelAccessor<T>;
+    fy?: import("../types/index.js").ChannelAccessor<T>;
+    dx?: import("../types/index.js").ConstantAccessor<number, T>;
+    dy?: import("../types/index.js").ConstantAccessor<number, T>;
+    fill?: import("../types/index.js").ChannelAccessor<T>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     sort?: {
         channel: string;
         order?: "ascending" | "descending";
-    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, DataRecord>;
-    stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
-    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
-    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
+    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
+    stroke?: import("../types/index.js").ChannelAccessor<T>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
+    opacity?: import("../types/index.js").ChannelAccessor<T>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
     clipPath?: string | undefined;
-    imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
-    paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, T>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, T>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, T>;
     onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -124,8 +124,8 @@ export declare function sort({ data, ...channels }: TransformArg<DataRecord>, op
     oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     class?: string | null | undefined;
-    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
-    data: DataRecord[];
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
+    data: T[];
 };
 /**
  * shuffles the data row order

package/dist/transforms/stack.d.ts

@@ -1,4 +1,4 @@
-import type { TransformArg } from '../types/index.js';
+import type { ChannelAccessor, TransformArg } from '../types/index.js';
 export type StackOrder = 'none' | 'appearance' | 'inside-out' | 'sum';
 export type StackOffset = 'none' | 'wiggle' | 'center' | 'normalize' | 'diverging';
 export type StackOptions = {
@@ -8,3 +8,25 @@ 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 stackMosaicX<T>(args: any, opts: any): {
+    fx: ChannelAccessor<unknown>;
+    fy: ChannelAccessor<unknown>;
+    data: unknown[];
+    x: symbol;
+    x1: symbol;
+    x2: symbol;
+    y: symbol;
+    y1: symbol;
+    y2: symbol;
+};
+export declare function stackMosaicY<T>(args: any, opts: any): {
+    fx: ChannelAccessor<unknown>;
+    fy: ChannelAccessor<unknown>;
+    data: unknown[];
+    x: symbol;
+    x1: symbol;
+    x2: symbol;
+    y: symbol;
+    y1: symbol;
+    y2: symbol;
+};

package/dist/transforms/stack.js

@@ -1,7 +1,10 @@
 import isDataRecord from '../helpers/isDataRecord.js';
-import { resolveChannel } from '../helpers/resolve.js';
+import { resolveChannel, resolveProp } 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, extent, min } from 'd3-array';
+import { groupFacetsAndZ } from '../helpers/group';
+import { filter } from './filter.js';
+import { sort } from './sort.js';
 const GROUP = Symbol('group');
 const FACET = Symbol('group');
 const DEFAULT_STACK_OPTIONS = {
@@ -110,3 +113,69 @@ function applyDefaults(opts) {
     }
     return { ...DEFAULT_STACK_OPTIONS, ...opts };
 }
+const X = Symbol('x');
+const X1 = Symbol('x1');
+const X2 = Symbol('x2');
+const Y = Symbol('y');
+const Y1 = Symbol('y1');
+const Y2 = Symbol('y2');
+function stackMosaic({ data, x, y, value, fx, fy, ...rest }, { outer, inner }, { x: xOpt, y: yOpt } = {}) {
+    const out = [];
+    const { data: filtered, ...restArgs } = sort(filter({ data, x, y, value, fx, fy, ...rest }));
+    if (!filtered)
+        throw new Error('stackMosaic: missing data');
+    if (!x)
+        throw new Error('stackMosaic: missing x channel');
+    if (!y)
+        throw new Error('stackMosaic: missing y channel');
+    if (!value)
+        throw new Error('stackMosaic: missing value channel');
+    if (min(filtered, (d) => resolveProp(d[value], d)) < 0)
+        throw new Error('stackMosaic: negative values not supported');
+    groupFacetsAndZ(filtered, restArgs, (data) => {
+        const total = sum(data, (d) => resolveProp(d[value], d));
+        let outerPos = 0;
+        const outerChannel = outer === 'x' ? x : y;
+        const innerChannel = inner === 'x' ? x : y;
+        const outerSym1 = outer === 'x' ? X1 : Y1;
+        const outerSym2 = outer === 'x' ? X2 : Y2;
+        const innerSym1 = inner === 'x' ? X1 : Y1;
+        const innerSym2 = inner === 'x' ? X2 : Y2;
+        const outerOpt = outer === 'x' ? xOpt : yOpt;
+        const innerOpt = inner === 'x' ? xOpt : yOpt;
+        const grouped = d3Groups(data, (d) => resolveProp(d[outerChannel], d));
+        const innerOrder = new Map(grouped[0][1].map((d, i) => [d[innerChannel], i]));
+        grouped.forEach(([k, items], i) => {
+            const groupValue = sum(items, (d) => resolveProp(d[value], d));
+            const o1 = outerPos, o2 = outerPos + groupValue;
+            outerPos = o2;
+            let innerPos = 0;
+            (i
+                ? items.sort((a, b) => innerOrder.get(a[innerChannel]) - innerOrder.get(b[innerChannel]))
+                : items).forEach((d) => {
+                const iv = resolveProp(d[value], d);
+                const i1 = innerPos, i2 = innerPos + iv;
+                innerPos = i2;
+                const normO1 = outerOpt?.percent ? o1 / total : o1;
+                const normO2 = outerOpt?.percent ? o2 / total : o2;
+                const normI1 = innerOpt?.percent ? i1 / groupValue : i1;
+                const normI2 = innerOpt?.percent ? i2 / groupValue : i2;
+                const result = { ...d };
+                result[outerSym1] = normO1;
+                result[outerSym2] = normO2;
+                result[innerSym1] = normI1;
+                result[innerSym2] = normI2;
+                result[X] = (result[X1] + result[X2]) / 2;
+                result[Y] = (result[Y1] + result[Y2]) / 2;
+                out.push(result);
+            });
+        });
+    });
+    return { ...rest, fx, fy, data: out, x: X, x1: X1, x2: X2, y: Y, y1: Y1, y2: Y2 };
+}
+export function stackMosaicX(args, opts) {
+    return stackMosaic(args, { outer: 'x', inner: 'y' }, opts);
+}
+export function stackMosaicY(args, opts) {
+    return stackMosaic(args, { outer: 'y', inner: 'x' }, opts);
+}

package/dist/transforms/window.d.ts

@@ -8,32 +8,32 @@ type WindowOptions = {
     strict: boolean;
 };
 export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions): {
-    filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
+    filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/index.js").RawValue>>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
+    fx?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    fy?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    fill?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
     sort?: {
         channel: string;
         order?: "ascending" | "descending";
-    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, DataRecord>;
-    stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
-    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
-    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
+    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Record<string | symbol, import("../types/index.js").RawValue>>;
+    stroke?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    opacity?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/index.js").RawValue>>;
     clipPath?: string | undefined;
-    imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
-    paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/index.js").RawValue>>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
     onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -65,40 +65,39 @@ export declare function windowX(args: TransformArg<DataRecord>, options: WindowO
     oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     class?: string | null | undefined;
-    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/index.js").RawValue>>;
     data: {
         [x: string]: import("../types/index.js").RawValue;
         [x: symbol]: import("../types/index.js").RawValue;
-        ___orig___?: import("../types/index.js").RawValue | [import("../types/index.js").RawValue, import("../types/index.js").RawValue];
     }[];
 };
 export declare function windowY(args: TransformArg<DataRecord>, options: WindowOptions): {
-    filter?: import("../types/index.js").ConstantAccessor<boolean, DataRecord>;
+    filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/index.js").RawValue>>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fy?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    dx?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    dy?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    fill?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
+    fx?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    fy?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    fill?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
     sort?: {
         channel: string;
         order?: "ascending" | "descending";
-    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, DataRecord>;
-    stroke?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRecord>;
-    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRecord>;
-    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    opacity?: import("../types/index.js").ChannelAccessor<DataRecord>;
-    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRecord>;
-    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRecord>;
+    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Record<string | symbol, import("../types/index.js").RawValue>>;
+    stroke?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    opacity?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/index.js").RawValue>>;
     clipPath?: string | undefined;
-    imageFilter?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
-    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, DataRecord>;
-    paintOrder?: import("../types/index.js").ConstantAccessor<string, DataRecord>;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/index.js").RawValue>>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
     onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -130,11 +129,10 @@ export declare function windowY(args: TransformArg<DataRecord>, options: WindowO
     oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     class?: string | null | undefined;
-    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRecord>;
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/index.js").RawValue>>;
     data: {
         [x: string]: import("../types/index.js").RawValue;
         [x: symbol]: import("../types/index.js").RawValue;
-        ___orig___?: import("../types/index.js").RawValue | [import("../types/index.js").RawValue, import("../types/index.js").RawValue];
     }[];
 };
 export {};

package/dist/types/channel.d.ts

@@ -1,5 +1,5 @@
 import type { ConstantAccessor, RawValue } from './index.js';
-export type Channels = Record<string, ChannelAccessor | ConstantAccessor<string | number | boolean | symbol>>;
+export type Channels<T> = Record<string, ChannelAccessor<T> | ConstantAccessor<T, string | number | boolean | symbol>>;
 export type ChannelAccessor<T = Record<string | symbol, RawValue>> = ChannelValue<T> | {
     /** the channel value */
     value: ChannelValue<T>;

package/dist/types/data.d.ts

@@ -1,8 +1,6 @@
 import type { ScaledChannelName, ScaledChannelType } from './channel.js';
 export type RawValue = number | Date | boolean | string | symbol;
-export type DataRecord<T = Record<string | symbol, RawValue>> = T & {
-    ___orig___?: RawValue | [RawValue, RawValue];
-};
+export type DataRecord<T = Record<string | symbol, RawValue>> = T;
 export type ResolvedDataRecord<T = Record<string | symbol, RawValue>> = Partial<Record<ScaledChannelName, any>> & {
     datum: DataRecord<T>;
 };

package/dist/types/index.d.ts

@@ -25,11 +25,11 @@ export type MarkerOptions = {
     marker?: boolean | MarkerShape | Snippet;
 };
 export type ConstantAccessor<T, D = Record<string | symbol, RawValue>> = T | ((d: D) => T) | null | undefined;
-export type TransformArg<K> = Channels & BaseMarkProps<K> & {
-    data: K[];
+export type TransformArg<T> = Channels<T> & BaseMarkProps<T> & {
+    data: T[];
 };
-export type MapArg<K> = Channels & {
-    data: K[];
+export type MapArg<T> = Channels<T> & {
+    data: T[];
 };
 export type TransformArgsRow = Partial<Channels> & {
     data: DataRow[];

package/dist/types/scale.d.ts

@@ -21,7 +21,7 @@ export type ScaleOptions = {
      * Reverse the scale.
      */
     reverse: boolean;
-    label?: string;
+    label?: string | false;
     interval?: string | number;
     clamp: boolean;
     nice: boolean;

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.11",
+  "version": "0.4.1",
   "license": "ISC",
   "author": {
     "name": "Gregor Aisch",
@@ -36,11 +36,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",
@@ -61,32 +61,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",
@@ -108,10 +108,10 @@
     "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"
   },
   "scripts": {
     "dev": "vite dev",