svelteplot 0.4.9 → 0.5.0

package/dist/marks/helpers/RectPath.svelte.d.ts

@@ -10,12 +10,14 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         width: number;
         height: number;
         options: BaseRectMarkProps<Datum> & Partial<{
-            filter?: import("../../types/index.js").ConstantAccessor<boolean, Datum>;
-            facet?: "auto" | "include" | "exclude";
+            filter: import("../../types/index.js").ConstantAccessor<boolean, Datum>;
+            facet: "auto" | "include" | "exclude";
             fx: import("../../types/index.js").ChannelAccessor<Datum>;
             fy: import("../../types/index.js").ChannelAccessor<Datum>;
             dx: import("../../types/index.js").ConstantAccessor<number, Datum>;
             dy: import("../../types/index.js").ConstantAccessor<number, Datum>;
+            dodgeX: import("../../transforms/dodge.js").DodgeXOptions;
+            dodgeY: import("../../transforms/dodge.js").DodgeYOptions;
             fill: import("../../types/index.js").ChannelAccessor<Datum>;
             fillOpacity: import("../../types/index.js").ConstantAccessor<number, Datum>;
             sort: ((a: import("../../types/data.js").RawValue, b: import("../../types/data.js").RawValue) => number) | {
@@ -36,38 +38,38 @@ declare class __sveltets_Render<Datum extends DataRecord> {
             imageFilter: import("../../types/index.js").ConstantAccessor<string, Datum>;
             shapeRendering: import("../../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
             paintOrder: import("../../types/index.js").ConstantAccessor<string, Datum>;
-            onclick?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ondblclick?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onmouseup?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onmousedown?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onmouseenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onmousemove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onmouseleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onmouseout?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onmouseover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onpointercancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onpointerdown?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onpointerup?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onpointerenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onpointerleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onpointermove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onpointerover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onpointerout?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ondrag?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ondrop?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ondragstart?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ondragenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ondragleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ondragover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ondragend?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ontouchstart?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ontouchmove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ontouchend?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-            class?: string;
-            style?: string;
+            onclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ondblclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onmouseup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onmousedown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onmouseenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onmousemove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onmouseleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onmouseout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onmouseover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onpointercancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onpointerdown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onpointerup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onpointerenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onpointerleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onpointermove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onpointerover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onpointerout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ondrag: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ondrop: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ondragstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ondragenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ondragleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ondragover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ondragend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ontouchstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ontouchmove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ontouchend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            ontouchcancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            oncontextmenu: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            onwheel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+            class: string;
+            style: string;
             cursor: import("../../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
         }>;
         /**

package/dist/transforms/bollinger.d.ts

@@ -18,6 +18,8 @@ export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: Tran
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

package/dist/transforms/dodge.d.ts

@@ -0,0 +1,17 @@
+import type { ScaledDataRecord, TransformArg, PlotState } from '../types';
+type BaseDodgeOptions = {
+    anchor?: string;
+    padding?: number;
+    r?: number;
+};
+type AnchorX = 'left' | 'right' | 'middle';
+type AnchorY = 'top' | 'bottom' | 'middle';
+export type DodgeXOptions = AnchorX | (BaseDodgeOptions & {
+    anchor?: 'left' | 'right' | 'middle';
+});
+export type DodgeYOptions = AnchorY | (BaseDodgeOptions & {
+    anchor?: 'top' | 'bottom' | 'middle';
+});
+export declare function dodgeX(args: TransformArg<ScaledDataRecord>, plotState: PlotState): ScaledDataRecord[];
+export declare function dodgeY(args: TransformArg<ScaledDataRecord>, plotState: PlotState): ScaledDataRecord[];
+export {};

package/dist/transforms/dodge.js

@@ -0,0 +1,128 @@
+import IntervalTree from 'interval-tree-1d';
+import { groupFacetsAndZ } from '../helpers/group';
+export function dodgeX(args, plotState) {
+    if (!args.dodgeX)
+        return args.data;
+    let { anchor = 'left', padding = 1, r = args.dodgeX.r } = maybeAnchor(args.dodgeX);
+    let anchorFunction;
+    switch (`${anchor}`.toLowerCase()) {
+        case 'left':
+            anchorFunction = anchorXLeft;
+            break;
+        case 'right':
+            anchorFunction = anchorXRight;
+            break;
+        case 'middle':
+            anchorFunction = anchorXMiddle;
+            break;
+        default:
+            throw new Error(`unknown dodge anchor: ${anchor}`);
+    }
+    return dodge('x', 'y', anchorFunction, Number(padding), r, args, plotState);
+}
+export function dodgeY(args, plotState) {
+    if (!args.dodgeY)
+        return args.data;
+    let { anchor = 'bottom', padding = 1, r = args.dodgeY.r } = maybeAnchor(args.dodgeY);
+    let anchorFunction;
+    switch (`${anchor}`.toLowerCase()) {
+        case 'top':
+            anchorFunction = anchorYTop;
+            break;
+        case 'bottom':
+            anchorFunction = anchorYBottom;
+            break;
+        case 'middle':
+            anchorFunction = anchorYMiddle;
+            break;
+        default:
+            throw new Error(`unknown dodge anchor: ${anchor}`);
+    }
+    return dodge('y', 'x', anchorFunction, Number(padding), r, args, plotState);
+}
+function dodge(y, x, anchor, padding, r, { data, ...channels }, plotState) {
+    if (r != null && typeof r !== 'number') {
+        // use the r channel
+        // let { channels, sort, reverse } = options;
+        // channels = maybeNamed(channels);
+        // if (channels?.r === undefined)
+        //     options = { ...options, channels: { ...channels, r: { value: r, scale: 'r' } } };
+        // if (sort === undefined && reverse === undefined) options.sort = { channel: '-r' };
+    }
+    const { fx, fy } = channels;
+    let [ky, ty] = anchor(plotState);
+    const compare = ky ? compareAscending : compareSymmetric;
+    const cr = r !== undefined ? r : 3; // default radius if no r channel
+    // group data by facets
+    groupFacetsAndZ(data, { fx, fy }, (items) => {
+        // apply dodge within each facet
+        const tree = IntervalTree();
+        const data = items.filter((d) => (typeof d.r !== 'number' || d.r >= 0) && isFinite(d[x]) && isFinite(d[y]));
+        const intervals = new Float64Array(2 * data.length + 2);
+        data.forEach((d, i) => {
+            const ri = d.r ?? r ?? 3;
+            const y0 = ky ? ri + padding : 0; // offset baseline for varying radius
+            const l = d[x] - ri;
+            const h = d[x] + ri;
+            // The first two positions are 0 to test placing the dot on the baseline.
+            let k = 2;
+            // For any previously placed circles that may overlap this circle, compute
+            // the y-positions that place this circle tangent to these other circles.
+            // https://observablehq.com/@mbostock/circle-offset-along-line
+            tree.queryInterval(l - padding, h + padding, ([, , j]) => {
+                const yj = data[j][y] - y0;
+                const dx = d[x] - data[j][x];
+                const dr = padding + (channels.r ? d.r + data[j].r : 2 * cr);
+                const dy = Math.sqrt(dr * dr - dx * dx);
+                intervals[k++] = yj - dy;
+                intervals[k++] = yj + dy;
+            });
+            // Find the best y-value where this circle can fit.
+            let candidates = intervals.slice(0, k);
+            if (ky)
+                candidates = candidates.filter((y) => y >= 0);
+            out: for (const diff of candidates.sort(compare)) {
+                for (let j = 0; j < k; j += 2) {
+                    if (intervals[j] + 1e-6 < diff && diff < intervals[j + 1] - 1e-6) {
+                        continue out;
+                    }
+                }
+                d[y] = diff + y0;
+                break;
+            }
+            // Insert the placed circle into the interval tree.
+            tree.insert([l, h, i]);
+        });
+        if (!ky)
+            ky = 1;
+        data.forEach((d) => (d[y] = d[y] * ky + ty));
+    });
+    return data;
+}
+function maybeAnchor(anchor) {
+    return typeof anchor === 'string' ? { anchor } : anchor;
+}
+function anchorXLeft({ options: { marginLeft } }) {
+    return [1, marginLeft];
+}
+function anchorXRight({ facetWidth: width, options: { marginLeft } }) {
+    return [-1, marginLeft + width];
+}
+function anchorXMiddle({ facetWidth: width, options: { marginLeft } }) {
+    return [0, marginLeft + width / 2];
+}
+function anchorYTop({ options: { marginTop } }) {
+    return [1, marginTop];
+}
+function anchorYBottom({ facetHeight: height }) {
+    return [-1, height];
+}
+function anchorYMiddle({ facetHeight: height, options: { marginTop, marginBottom } }) {
+    return [0, (marginTop + height) / 2];
+}
+function compareSymmetric(a, b) {
+    return Math.abs(a) - Math.abs(b);
+}
+function compareAscending(a, b) {
+    return a - b;
+}

package/dist/transforms/interval.d.ts

@@ -8,6 +8,8 @@ export declare function intervalX<T>(args: TransformArg<T>, { plot }: {
     fy?: import("../types/index.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     fill?: import("../types/index.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -72,6 +74,8 @@ export declare function intervalY<T>(args: TransformArg<T>, { plot }: {
     fy?: import("../types/index.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     fill?: import("../types/index.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

package/dist/transforms/select.d.ts

@@ -12,6 +12,8 @@ export declare function select({ data, ...channels }: TransformArg<DataRecord>,
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -77,6 +79,8 @@ export declare function selectFirst(args: TransformArg<DataRecord>): {
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -142,6 +146,8 @@ export declare function selectLast(args: TransformArg<DataRecord>): {
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -204,6 +210,8 @@ export declare function selectMinX(args: TransformArg<DataRecord>): {
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -266,6 +274,8 @@ export declare function selectMaxX(args: TransformArg<DataRecord>): {
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -328,6 +338,8 @@ export declare function selectMinY(args: TransformArg<DataRecord>): {
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -390,6 +402,8 @@ export declare function selectMaxY(args: TransformArg<DataRecord>): {
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

package/dist/transforms/sort.d.ts

@@ -15,6 +15,8 @@ export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?
     fy?: import("../types/index.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     fill?: import("../types/index.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     stroke?: import("../types/index.js").ChannelAccessor<T>;
@@ -74,6 +76,8 @@ export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?
     fy?: import("../types/index.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     fill?: import("../types/index.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -143,6 +147,8 @@ export declare function shuffle({ data, ...channels }: TransformArg<DataRow[]>,
     fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
     dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     stroke?: import("../types/index.js").ChannelAccessor<DataRow[]>;
@@ -206,6 +212,8 @@ export declare function reverse({ data, ...channels }: TransformArg<DataRow[]>):
     fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
     dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     stroke?: import("../types/index.js").ChannelAccessor<DataRow[]>;

package/dist/transforms/window.d.ts

@@ -14,6 +14,8 @@ export declare function windowX(args: TransformArg<DataRecord>, options: WindowO
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
@@ -79,6 +81,8 @@ export declare function windowY(args: TransformArg<DataRecord>, options: WindowO
     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>>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
     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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {

package/dist/types/mark.d.ts

@@ -12,16 +12,19 @@ import type { MouseEventHandler } from 'svelte/elements';
 import type { ChannelAccessor, ConstantAccessor, DataRecord, RawValue } from './index.js';
 import type * as CSS from 'csstype';
 import type { ScaledChannelName, ScaleName } from './scale.js';
+import type { DodgeXOptions, DodgeYOptions } from '../transforms/dodge.js';
 export type BaseMarkProps<T> = Partial<{
     /**
      * Filter the data without modifying the inferred scales
      */
-    filter?: ConstantAccessor<boolean, T>;
-    facet?: 'auto' | 'include' | 'exclude';
+    filter: ConstantAccessor<boolean, T>;
+    facet: 'auto' | 'include' | 'exclude';
     fx: ChannelAccessor<T>;
     fy: ChannelAccessor<T>;
     dx: ConstantAccessor<number, T>;
     dy: ConstantAccessor<number, T>;
+    dodgeX: DodgeXOptions;
+    dodgeY: DodgeYOptions;
     fill: ChannelAccessor<T>;
     fillOpacity: ConstantAccessor<number, T>;
     sort: string | ConstantAccessor<RawValue, T> | ((a: RawValue, b: RawValue) => number) | {
@@ -44,44 +47,44 @@ export type BaseMarkProps<T> = Partial<{
     imageFilter: ConstantAccessor<string, T>;
     shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, T>;
     paintOrder: ConstantAccessor<string, T>;
-    onclick?: MouseEventHandler<SVGPathElement>;
-    ondblclick?: MouseEventHandler<SVGPathElement>;
-    onmouseup?: MouseEventHandler<SVGPathElement>;
-    onmousedown?: MouseEventHandler<SVGPathElement>;
-    onmouseenter?: MouseEventHandler<SVGPathElement>;
-    onmousemove?: MouseEventHandler<SVGPathElement>;
-    onmouseleave?: MouseEventHandler<SVGPathElement>;
-    onmouseout?: MouseEventHandler<SVGPathElement>;
-    onmouseover?: MouseEventHandler<SVGPathElement>;
-    onpointercancel?: MouseEventHandler<SVGPathElement>;
-    onpointerdown?: MouseEventHandler<SVGPathElement>;
-    onpointerup?: MouseEventHandler<SVGPathElement>;
-    onpointerenter?: MouseEventHandler<SVGPathElement>;
-    onpointerleave?: MouseEventHandler<SVGPathElement>;
-    onpointermove?: MouseEventHandler<SVGPathElement>;
-    onpointerover?: MouseEventHandler<SVGPathElement>;
-    onpointerout?: MouseEventHandler<SVGPathElement>;
-    ondrag?: MouseEventHandler<SVGPathElement>;
-    ondrop?: MouseEventHandler<SVGPathElement>;
-    ondragstart?: MouseEventHandler<SVGPathElement>;
-    ondragenter?: MouseEventHandler<SVGPathElement>;
-    ondragleave?: MouseEventHandler<SVGPathElement>;
-    ondragover?: MouseEventHandler<SVGPathElement>;
-    ondragend?: MouseEventHandler<SVGPathElement>;
-    ontouchstart?: MouseEventHandler<SVGPathElement>;
-    ontouchmove?: MouseEventHandler<SVGPathElement>;
-    ontouchend?: MouseEventHandler<SVGPathElement>;
-    ontouchcancel?: MouseEventHandler<SVGPathElement>;
-    oncontextmenu?: MouseEventHandler<SVGPathElement>;
-    onwheel?: MouseEventHandler<SVGPathElement>;
+    onclick: MouseEventHandler<SVGPathElement>;
+    ondblclick: MouseEventHandler<SVGPathElement>;
+    onmouseup: MouseEventHandler<SVGPathElement>;
+    onmousedown: MouseEventHandler<SVGPathElement>;
+    onmouseenter: MouseEventHandler<SVGPathElement>;
+    onmousemove: MouseEventHandler<SVGPathElement>;
+    onmouseleave: MouseEventHandler<SVGPathElement>;
+    onmouseout: MouseEventHandler<SVGPathElement>;
+    onmouseover: MouseEventHandler<SVGPathElement>;
+    onpointercancel: MouseEventHandler<SVGPathElement>;
+    onpointerdown: MouseEventHandler<SVGPathElement>;
+    onpointerup: MouseEventHandler<SVGPathElement>;
+    onpointerenter: MouseEventHandler<SVGPathElement>;
+    onpointerleave: MouseEventHandler<SVGPathElement>;
+    onpointermove: MouseEventHandler<SVGPathElement>;
+    onpointerover: MouseEventHandler<SVGPathElement>;
+    onpointerout: MouseEventHandler<SVGPathElement>;
+    ondrag: MouseEventHandler<SVGPathElement>;
+    ondrop: MouseEventHandler<SVGPathElement>;
+    ondragstart: MouseEventHandler<SVGPathElement>;
+    ondragenter: MouseEventHandler<SVGPathElement>;
+    ondragleave: MouseEventHandler<SVGPathElement>;
+    ondragover: MouseEventHandler<SVGPathElement>;
+    ondragend: MouseEventHandler<SVGPathElement>;
+    ontouchstart: MouseEventHandler<SVGPathElement>;
+    ontouchmove: MouseEventHandler<SVGPathElement>;
+    ontouchend: MouseEventHandler<SVGPathElement>;
+    ontouchcancel: MouseEventHandler<SVGPathElement>;
+    oncontextmenu: MouseEventHandler<SVGPathElement>;
+    onwheel: MouseEventHandler<SVGPathElement>;
     /**
      * if you want to give your mark element an extra CSS class
      */
-    class?: string;
+    class: string;
     /**
      * if you want to give your mark element an extra inline style
      */
-    style?: string;
+    style: string;
     cursor: ConstantAccessor<CSS.Property.Cursor, T>;
 }>;
 export type LinkableMarkProps<T> = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelteplot",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "license": "ISC",
   "author": {
     "name": "Gregor Aisch",
@@ -110,6 +110,7 @@
     "d3-time": "^3.1.0",
     "es-toolkit": "^1.39.10",
     "fast-equals": "^5.3.2",
+    "interval-tree-1d": "^1.0.4",
     "merge-deep": "^3.0.3",
     "svelte": "5.39.8"
   },