@deck.gl-community/infovis-layers 9.1.0-beta.8 → 9.2.0-beta.2

package/dist/synchronized-views/synchronized-views.js

@@ -0,0 +1,85 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { OrthographicController, OrthographicView } from '@deck.gl/core';
+import { fitBoundsOrthographic } from "../views/orthographic-utils.js";
+import { mergeViewStates } from "../views/view-state-utils.js";
+export const HEADER_VIEW_HEIGHT = 50;
+export const LEGEND_VIEW_WIDTH = 150;
+export const SYNCHRONIZED_VIEWS = [
+    new OrthographicView({
+        id: 'main',
+        flipY: false,
+        clear: true, // [1, 1, 1, 1],
+        x: LEGEND_VIEW_WIDTH,
+        width: `calc(100% - ${LEGEND_VIEW_WIDTH}px`,
+        y: HEADER_VIEW_HEIGHT,
+        height: `calc(100% - ${HEADER_VIEW_HEIGHT}px)`,
+        controller: {
+            type: OrthographicController,
+            // @ts-expect-error Specific to OrthographicController
+            zoomAxis: 'X',
+            inertia: false,
+            scrollZoom: true
+        }
+    }),
+    new OrthographicView({
+        id: 'header',
+        flipY: false,
+        clear: true, // [1, 1, 1, 1],
+        x: LEGEND_VIEW_WIDTH,
+        width: `calc(100% - ${LEGEND_VIEW_WIDTH}px)`,
+        height: 50,
+        controller: false
+    }),
+    new OrthographicView({
+        id: 'legend',
+        flipY: false,
+        clear: true, // [1, 1, 1, 1],
+        x: 0,
+        width: LEGEND_VIEW_WIDTH,
+        y: HEADER_VIEW_HEIGHT,
+        height: `calc(100% - ${HEADER_VIEW_HEIGHT}px)`,
+        controller: false
+    })
+];
+export const SYNCHRONIZED_VIEW_STATE_CONSTRAINTS = {
+    header: { target: [undefined, 20], zoom: [undefined, 0] },
+    legend: { target: [-30, undefined], zoom: [1, undefined] }
+};
+export function getSynchronizedViewStates(viewState) {
+    return {
+        header: mergeViewStates(viewState, SYNCHRONIZED_VIEW_STATE_CONSTRAINTS.header),
+        legend: mergeViewStates(viewState, SYNCHRONIZED_VIEW_STATE_CONSTRAINTS.legend),
+        main: viewState
+    };
+}
+export function fitSynchronizedViewStatesToBounds(props) {
+    const { viewState, initialize } = props;
+    const { headerHeight = HEADER_VIEW_HEIGHT, legendWidth = LEGEND_VIEW_WIDTH } = props;
+    // Handle cases where the window size is too small for the header and/or legend
+    const width = Math.max(props.width - legendWidth, 1);
+    const height = Math.max(props.height - headerHeight, 1);
+    const { target, zoom } = fitBoundsOrthographic(width, height, props.bounds, 'per-axis');
+    target[1] = target[1] - 1.5; // ADD SOME TIME SPACE
+    let mainViewState;
+    // Avoid messing with y axis if we have already fitted the view state
+    if (initialize) {
+        mainViewState = { ...viewState.main, target, zoom };
+    }
+    else {
+        mainViewState = {
+            ...viewState.main,
+            target: [viewState.main.target[0], target[1]],
+            zoom: [viewState.main.zoom[0], zoom[1]]
+        };
+    }
+    const newViewState = {
+        ...viewState,
+        main: mainViewState,
+        header: mergeViewStates(mainViewState, SYNCHRONIZED_VIEW_STATE_CONSTRAINTS.header),
+        legend: mergeViewStates(mainViewState, SYNCHRONIZED_VIEW_STATE_CONSTRAINTS.legend)
+    };
+    return newViewState;
+}
+//# sourceMappingURL=synchronized-views.js.map

package/dist/synchronized-views/synchronized-views.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"synchronized-views.js","sourceRoot":"","sources":["../../src/synchronized-views/synchronized-views.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAC,qBAAqB,EAAC,uCAAoC;AAClE,OAAO,EAAC,eAAe,EAAC,qCAAkC;AAK1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAErC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,gBAAgB,CAAC;QACnB,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI,EAAE,gBAAgB;QAC7B,CAAC,EAAE,iBAAiB;QACpB,KAAK,EAAE,eAAe,iBAAiB,IAAI;QAC3C,CAAC,EAAE,kBAAkB;QACrB,MAAM,EAAE,eAAe,kBAAkB,KAAK;QAC9C,UAAU,EAAE;YACV,IAAI,EAAE,sBAAsB;YAC5B,sDAAsD;YACtD,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,IAAI;SACjB;KACF,CAAC;IACF,IAAI,gBAAgB,CAAC;QACnB,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI,EAAE,gBAAgB;QAC7B,CAAC,EAAE,iBAAiB;QACpB,KAAK,EAAE,eAAe,iBAAiB,KAAK;QAC5C,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,KAAK;KAClB,CAAC;IACF,IAAI,gBAAgB,CAAC;QACnB,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI,EAAE,gBAAgB;QAC7B,CAAC,EAAE,CAAC;QACJ,KAAK,EAAE,iBAAiB;QACxB,CAAC,EAAE,kBAAkB;QACrB,MAAM,EAAE,eAAe,kBAAkB,KAAK;QAC9C,UAAU,EAAE,KAAK;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAG;IACjD,MAAM,EAAE,EAAC,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,EAA6B;IACnF,MAAM,EAAE,EAAC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,EAA6B;CACrF,CAAC;AAEF,MAAM,UAAU,yBAAyB,CAAC,SAAgC;IACxE,OAAO;QACL,MAAM,EAAE,eAAe,CAAC,SAAS,EAAE,mCAAmC,CAAC,MAAM,CAAC;QAC9E,MAAM,EAAE,eAAe,CAAC,SAAS,EAAE,mCAAmC,CAAC,MAAM,CAAC;QAC9E,IAAI,EAAE,SAAS;KAChB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iCAAiC,CAAC,KAajD;IAKC,MAAM,EAAC,SAAS,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC;IACtC,MAAM,EAAC,YAAY,GAAG,kBAAkB,EAAE,WAAW,GAAG,iBAAiB,EAAC,GAAG,KAAK,CAAC;IAEnF,+EAA+E;IAC/E,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC;IAExD,MAAM,EAAC,MAAM,EAAE,IAAI,EAAC,GAAG,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACtF,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,sBAAsB;IAEnD,IAAI,aAAoC,CAAC;IACzC,qEAAqE;IACrE,IAAI,UAAU,EAAE,CAAC;QACf,aAAa,GAAG,EAAC,GAAG,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC;IACpD,CAAC;SAAM,CAAC;QACN,aAAa,GAAG;YACd,GAAG,SAAS,CAAC,IAAI;YACjB,MAAM,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;YAC7C,IAAI,EAAE,CAAE,SAAS,CAAC,IAAI,CAAC,IAAyB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;SAC9D,CAAC;IACJ,CAAC;IACD,MAAM,YAAY,GAAG;QACnB,GAAG,SAAS;QACZ,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,eAAe,CAAC,aAAa,EAAE,mCAAmC,CAAC,MAAM,CAAC;QAClF,MAAM,EAAE,eAAe,CAAC,aAAa,EAAE,mCAAmC,CAAC,MAAM,CAAC;KACnF,CAAC;IACF,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/dist/utils/format-utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Convert a time in microseconds to a human-readable string
+ * @param us Time in microseconds
+ */
+export declare function formatTimeMs(timeMs: number, space?: boolean): string;
+export declare function formatTimeRangeMs(startMs: number, endMs: number): string;
+//# sourceMappingURL=format-utils.d.ts.map

package/dist/utils/format-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-utils.d.ts","sourceRoot":"","sources":["../../src/utils/format-utils.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,OAAc,GAAG,MAAM,CA2B1E;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAExE"}

package/dist/utils/format-utils.js

@@ -0,0 +1,75 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+/**
+ * Convert a time in microseconds to a human-readable string
+ * @param us Time in microseconds
+ */
+export function formatTimeMs(timeMs, space = true) {
+    const sep = space ? ' ' : '';
+    const us = timeMs * 1000;
+    if (us === 0) {
+        return '0s';
+    }
+    if (Math.abs(us) < 1000) {
+        return `${floatToStr(us)}${sep}µs`;
+    }
+    const ms = us / 1000;
+    if (Math.abs(ms) < 1000) {
+        return `${floatToStr(ms)}${sep} ms`;
+    }
+    const s = ms / 1000;
+    if (Math.abs(s) < 60) {
+        return `${floatToStr(s)}${sep} s`;
+    }
+    const m = s / 60;
+    if (Math.abs(m) < 60) {
+        return `${floatToStr(m)}${sep} min`;
+    }
+    const h = m / 60;
+    if (Math.abs(h) < 24) {
+        return `${floatToStr(h)}${sep} hrs`;
+    }
+    const d = h / 24;
+    return `${floatToStr(d)}${sep} days`;
+}
+export function formatTimeRangeMs(startMs, endMs) {
+    return `${formatTimeMs(startMs)} - ${formatTimeMs(endMs)}`;
+}
+/**
+ * Convert a float to a string
+ */
+function floatToStr(f, roundDigits = 5) {
+    if (Number.isInteger(f)) {
+        return f.toString();
+    }
+    for (let i = 1; i < roundDigits - 1; i++) {
+        const rounded = parseFloat(f.toPrecision(i));
+        if (rounded === f) {
+            return rounded.toPrecision(i);
+        }
+    }
+    return f.toPrecision(roundDigits);
+}
+// export function formatTimesUs(ticks: number[]): string {
+//   // Try from 0 up to a reasonable max (e.g. 20)
+//   for (let d = 0; d <= 20; d++) {
+//     const seen = new Set<string>();
+//     let allDistinct = true;
+//     for (const t of ticks) {
+//       // Format each tick with d decimals
+//       const str = t.toFixed(d);
+//       if (seen.has(str)) {
+//         allDistinct = false;
+//         break;
+//       }
+//       seen.add(str);
+//     }
+//     if (allDistinct) {
+//       return d;
+//     }
+//   }
+//   // Fallback if somehow not distinct even at 20 decimals
+//   return 20;
+// }
+//# sourceMappingURL=format-utils.js.map

package/dist/utils/format-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-utils.js","sourceRoot":"","sources":["../../src/utils/format-utils.ts"],"names":[],"mappings":"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"}

package/dist/utils/tick-utils.d.ts

@@ -0,0 +1,10 @@
+export declare function getZoomedRange(startTime: number, endTime: number, bounds: [number, number, number, number]): number[];
+/**
+ * Get nicely rounded tick close to the natural spacing
+ * @param startTime
+ * @param endTime
+ * @param tickCount
+ * @returns
+ */
+export declare function getPrettyTicks(startTime: number, endTime: number, tickCount?: number): any[];
+//# sourceMappingURL=tick-utils.d.ts.map

package/dist/utils/tick-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tick-utils.d.ts","sourceRoot":"","sources":["../../src/utils/tick-utils.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAC5B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,YAKzC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,GAAE,MAAU,SAmBvF"}

package/dist/utils/tick-utils.js

@@ -0,0 +1,32 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+export function getZoomedRange(startTime, endTime, bounds) {
+    const [startTimeZoomed, , endTimeZoomed] = bounds;
+    // console.log(`startTimeZoomed: ${startTimeZoomed}, endTimeZoomed: ${endTimeZoomed}, tickInterval: ${tickInterval} tickCountZoomed: ${tickCountZoomed}`);
+    return [Math.max(startTime, startTimeZoomed), Math.min(endTime, endTimeZoomed)];
+}
+/**
+ * Get nicely rounded tick close to the natural spacing
+ * @param startTime
+ * @param endTime
+ * @param tickCount
+ * @returns
+ */
+export function getPrettyTicks(startTime, endTime, tickCount = 5) {
+    const range = endTime - startTime;
+    const roughStep = range / (tickCount - 1);
+    const exponent = Math.floor(Math.log10(roughStep));
+    const base = Math.pow(10, exponent);
+    const multiples = [1, 2, 5, 10];
+    // Find the smallest multiple that is greater than or equal to roughStep
+    const niceStep = multiples.find((m) => base * m >= roughStep) * base;
+    const niceStart = Math.ceil(startTime / niceStep) * niceStep;
+    const niceEnd = Math.floor(endTime / niceStep) * niceStep;
+    const ticks = [];
+    for (let t = niceStart; t <= niceEnd; t += niceStep) {
+        ticks.push(t);
+    }
+    return ticks;
+}
+//# sourceMappingURL=tick-utils.js.map

package/dist/utils/tick-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tick-utils.js","sourceRoot":"","sources":["../../src/utils/tick-utils.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,MAAM,UAAU,cAAc,CAC5B,SAAiB,EACjB,OAAe,EACf,MAAwC;IAExC,MAAM,CAAC,eAAe,EAAE,AAAD,EAAG,aAAa,CAAC,GAAG,MAAM,CAAC;IAClD,0JAA0J;IAC1J,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,eAAe,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;AAClF,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,SAAiB,EAAE,OAAe,EAAE,YAAoB,CAAC;IACtF,MAAM,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;IAClC,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IACpC,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhC,wEAAwE;IACxE,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,IAAI,CAAC;IAErE,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC;IAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC;IAE1D,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC;QACpD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/views/layer-filter.d.ts

@@ -0,0 +1,8 @@
+import { type FilterContext } from '@deck.gl/core';
+export type DeclarativeLayerFilter = Record<string, {
+    include: string[];
+} | {
+    exclude: string[];
+}>;
+export declare function makeLayerFilter(filters: DeclarativeLayerFilter): (context: FilterContext) => boolean;
+//# sourceMappingURL=layer-filter.d.ts.map

package/dist/views/layer-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-filter.d.ts","sourceRoot":"","sources":["../../src/views/layer-filter.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,aAAa,EAAC,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC,MAAM,EACJ;IACE,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,GACD;IACE,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CACJ,CAAC;AAYF,wBAAgB,eAAe,CAC7B,OAAO,EAAE,sBAAsB,GAC9B,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAmCrC"}

package/dist/views/layer-filter.js

@@ -0,0 +1,40 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+export function makeLayerFilter(filters) {
+    // Pre-compile the regexps for performance
+    const regexpFilters = {};
+    for (const [key, value] of Object.entries(filters)) {
+        if ('include' in value) {
+            regexpFilters[key] = {
+                include: value.include.map((v) => new RegExp(v))
+            };
+        }
+        else {
+            regexpFilters[key] = {
+                exclude: value.exclude.map((v) => new RegExp(v))
+            };
+        }
+    }
+    // Return a function that checks if a layer matches the filter
+    return ({ viewport, layer }) => {
+        let visible = true;
+        const viewFilters = regexpFilters[viewport.id] || {};
+        // Check if the layer matches the filters for this viewport
+        if ('include' in viewFilters) {
+            if (!viewFilters.include.some((regexp) => regexp.test(layer.id))) {
+                visible = false;
+            }
+        }
+        if ('exclude' in viewFilters) {
+            if (viewFilters.exclude.some((regexp) => regexp.test(layer.id))) {
+                visible = false;
+            }
+        }
+        // if (!visible) {
+        //   console.log(`Viewport ${viewport.id}: filtering out layer ${layer.id}`);
+        // }
+        return visible;
+    };
+}
+//# sourceMappingURL=layer-filter.js.map

package/dist/views/layer-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-filter.js","sourceRoot":"","sources":["../../src/views/layer-filter.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAwBpC,MAAM,UAAU,eAAe,CAC7B,OAA+B;IAE/B,0CAA0C;IAC1C,MAAM,aAAa,GAAsB,EAAE,CAAC;IAC5C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACnD,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YACvB,aAAa,CAAC,GAAG,CAAC,GAAG;gBACnB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;aACjD,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,GAAG,CAAC,GAAG;gBACnB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC;aACjD,CAAC;QACJ,CAAC;IACH,CAAC;IAED,8DAA8D;IAC9D,OAAO,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAgB,EAAE,EAAE;QAC1C,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,MAAM,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAK,EAA+B,CAAC;QACnF,2DAA2D;QAC3D,IAAI,SAAS,IAAI,WAAW,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;gBACjE,OAAO,GAAG,KAAK,CAAC;YAClB,CAAC;QACH,CAAC;QACD,IAAI,SAAS,IAAI,WAAW,EAAE,CAAC;YAC7B,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;gBAChE,OAAO,GAAG,KAAK,CAAC;YAClB,CAAC;QACH,CAAC;QACD,kBAAkB;QAClB,6EAA6E;QAC7E,IAAI;QACJ,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC;AACJ,CAAC"}

package/dist/views/orthographic-utils.d.ts

@@ -0,0 +1,11 @@
+type Bounds = [[number, number], [number, number]];
+export declare function fitBoundsOrthographic(width: number, height: number, bounds: Readonly<Bounds>, zoomMode: 'single'): {
+    target: [number, number];
+    zoom: number;
+};
+export declare function fitBoundsOrthographic(width: number, height: number, bounds: Readonly<Bounds>, zoomMode: 'per-axis'): {
+    target: [number, number];
+    zoom: [number, number];
+};
+export {};
+//# sourceMappingURL=orthographic-utils.d.ts.map

package/dist/views/orthographic-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orthographic-utils.d.ts","sourceRoot":"","sources":["../../src/views/orthographic-utils.ts"],"names":[],"mappings":"AAIA,KAAK,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEnD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,EACxB,QAAQ,EAAE,QAAQ,GACjB;IAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,CAAC;AAE5C,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,EACxB,QAAQ,EAAE,UAAU,GACnB;IAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAC,CAAC"}

package/dist/views/orthographic-utils.js

@@ -0,0 +1,41 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+/**
+ * Compute center & zoom for an OrthographicViewport so that `bounds` fills the viewport.
+ * @param width  viewport width in px
+ * @param height viewport height in px
+ * @param bounds [[minX,minY],[maxX,maxY]] in the same world units you’re rendering
+ * @returns { target: [number, number], zoom: number }
+ *   target: center of the viewport in world units
+ *   zoom: deck.gl orthographic zoom level (log2(scale))
+ *   (deck.gl orthographic zoom is the log2 of the scale factor)
+ */
+export function fitBoundsOrthographic(width, height, bounds, zoomMode = 'per-axis') {
+    const [[minX, minY], [maxX, maxY]] = bounds;
+    // center of the box
+    const centerX = (minX + maxX) / 2;
+    const centerY = (minY + maxY) / 2;
+    // size of the box
+    const boxW = maxX - minX;
+    const boxH = maxY - minY;
+    // scale (world units → screen pixels)
+    const scaleX = width / boxW;
+    const scaleY = height / boxH;
+    // pick the smaller scale so the whole box fits
+    const scale = Math.min(scaleX, scaleY);
+    // deck.gl orthographic zoom is log2(scale)
+    const zoom = Math.log2(scale);
+    // 3) axis‐specific zooms (deck.gl’s orthographic zoom = log2(scale))
+    const zoomX = Math.log2(scaleX);
+    const zoomY = Math.log2(scaleY);
+    if (Number.isNaN(zoom) || Number.isNaN(zoomX) || Number.isNaN(zoom)) {
+        // eslint-disable-next-line no-console
+        console.warn('Invalid zoom values:', { zoom, zoomX, zoomY });
+    }
+    return {
+        target: [centerX, centerY],
+        zoom: zoomMode === 'single' ? zoom : [zoomX, zoomY]
+    };
+}
+//# sourceMappingURL=orthographic-utils.js.map

package/dist/views/orthographic-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orthographic-utils.js","sourceRoot":"","sources":["../../src/views/orthographic-utils.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAkBpC;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CACnC,KAAa,EACb,MAAc,EACd,MAAwB,EACxB,WAAkC,UAAU;IAE5C,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC;IAE5C,oBAAoB;IACpB,MAAM,OAAO,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAElC,kBAAkB;IAClB,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEzB,sCAAsC;IACtC,MAAM,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;IAC5B,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE7B,+CAA+C;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEvC,2CAA2C;IAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE9B,qEAAqE;IACrE,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEhC,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QACpE,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;IAC7D,CAAC;IAED,OAAO;QACL,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC1B,IAAI,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC;KACpD,CAAC;AACJ,CAAC"}

package/dist/views/view-state-utils.d.ts

@@ -0,0 +1,8 @@
+import { type OrthographicViewState } from '@deck.gl/core';
+export type OptionalizedViewState<T> = {
+    [K in keyof T]: T[K] extends [number, number] | undefined ? [number | undefined, number | undefined] | undefined : T[K] extends [number, number, number] | undefined ? [number | undefined, number | undefined, number | undefined] | undefined : T[K] extends [number, number] | number | undefined ? [number | undefined, number | undefined] | undefined : T[K] extends [number, number, number] | [number, number] | undefined ? [number | undefined, number | undefined, number | undefined] | [number | undefined, number | undefined] | undefined : T[K];
+};
+export type OptionalViewState = OptionalizedViewState<OrthographicViewState>;
+export declare function mergeViewStates(viewState1: OrthographicViewState, viewState2: OptionalViewState): OrthographicViewState;
+export declare function validateViewState(viewState: OrthographicViewState): viewState is OrthographicViewState;
+//# sourceMappingURL=view-state-utils.d.ts.map

package/dist/views/view-state-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-state-utils.d.ts","sourceRoot":"","sources":["../../src/views/view-state-utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;KACpC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,GACrD,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,GACpD,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,GAC/C,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,GACxE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,GAChD,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,GACpD,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,GAE9D,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,GAC5D,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,GACxC,SAAS,GACb,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;AAE7E,wBAAgB,eAAe,CAC7B,UAAU,EAAE,qBAAqB,EACjC,UAAU,EAAE,iBAAiB,GAC5B,qBAAqB,CAkBvB;AAGD,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,qBAAqB,GAC/B,SAAS,IAAI,qBAAqB,CAoBpC"}

package/dist/views/view-state-utils.js

@@ -0,0 +1,41 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+export function mergeViewStates(viewState1, viewState2) {
+    const target1 = viewState1.target ?? [0, 0];
+    const zoom1 = viewState1.zoom ?? [1, 1];
+    const mergedViewState = {
+        ...viewState1,
+        ...viewState2,
+        target: [viewState2.target?.[0] ?? target1[0], viewState2.target?.[1] ?? target1[1]],
+        zoom: [
+            // ts-expect-error view state typing is awfully optional
+            viewState2.zoom?.[0] ?? zoom1[0],
+            // ts-expect-error view state typing is awfully optional
+            viewState2.zoom?.[1] ?? zoom1[1]
+        ]
+    };
+    // @ts-expect-error view state typing is awfully optional
+    validateViewState(mergedViewState);
+    // @ts-expect-error view state typing is awfully optional
+    return mergedViewState;
+}
+// eslint-disable-next-line complexity
+export function validateViewState(viewState) {
+    const isTargetValid = Array.isArray(viewState.target) &&
+        viewState.target[0] !== undefined &&
+        !Number.isNaN(viewState.target[0]) &&
+        viewState.target[1] !== undefined &&
+        !Number.isNaN(viewState.target[1]);
+    const isZoomValid = Array.isArray(viewState.zoom) &&
+        viewState.zoom[0] !== undefined &&
+        !Number.isNaN(viewState.zoom[0]) &&
+        viewState.zoom[1] !== undefined &&
+        !Number.isNaN(viewState.zoom[1]);
+    if (!isTargetValid || !isZoomValid) {
+        // eslint-disable-next-line no-console
+        console.warn('Invalid viewState:', viewState);
+    }
+    return isTargetValid && isZoomValid;
+}
+//# sourceMappingURL=view-state-utils.js.map

package/dist/views/view-state-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-state-utils.js","sourceRoot":"","sources":["../../src/views/view-state-utils.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAqBpC,MAAM,UAAU,eAAe,CAC7B,UAAiC,EACjC,UAA6B;IAE7B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxC,MAAM,eAAe,GAAG;QACtB,GAAG,UAAU;QACb,GAAG,UAAU;QACb,MAAM,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACpF,IAAI,EAAE;YACJ,wDAAwD;YACxD,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;YAChC,wDAAwD;YACxD,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;SACjC;KACF,CAAC;IACF,yDAAyD;IACzD,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnC,yDAAyD;IACzD,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,sCAAsC;AACtC,MAAM,UAAU,iBAAiB,CAC/B,SAAgC;IAEhC,MAAM,aAAa,GACjB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;QAC/B,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS;QACjC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAClC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS;QACjC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,WAAW,GACf,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS;QAC/B,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAChC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS;QAC/B,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,aAAa,IAAI,CAAC,WAAW,EAAE,CAAC;QACnC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC;IAED,OAAO,aAAa,IAAI,WAAW,CAAC;AACtC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deck.gl-community/infovis-layers",
-  "version": "9.1.0-beta.8",
+  "version": "9.2.0-beta.2",
   "description": "Infovis layers (non-geospatial) for deck.gl",
   "license": "MIT",
   "keywords": [
@@ -30,23 +30,16 @@
     "test-watch": "vitest"
   },
   "dependencies": {
-    "@deck.gl/core": "^9.1.12",
-    "@deck.gl/extensions": "^9.1.0",
-    "@deck.gl/layers": "^9.1.0",
-    "@deck.gl/mesh-layers": "^9.1.0",
-    "@deck.gl/react": "^9.1.0",
-    "@loaders.gl/core": "^4.2.0",
-    "@loaders.gl/loader-utils": "^4.2.0",
-    "@loaders.gl/schema": "^4.2.0",
-    "@luma.gl/constants": "^9.1.9",
-    "@luma.gl/core": "^9.1.9",
-    "@luma.gl/engine": "^9.1.9",
-    "@math.gl/core": "^4.0.0",
-    "a5-js": "^0.1.4",
-    "h3-js": "^4.2.1"
+    "@deck.gl/core": "~9.2.1",
+    "@deck.gl/layers": "~9.2.1",
+    "@luma.gl/core": "~9.2.0",
+    "@luma.gl/engine": "~9.2.0",
+    "@luma.gl/shadertools": "~9.2.0"
   },
   "devDependencies": {
-    "@deck.gl/test-utils": "^9.1.12",
-    "@luma.gl/webgpu": "^9.1.9"
-  }
+    "@deck.gl/test-utils": "~9.2.1",
+    "@luma.gl/webgpu": "~9.2.0",
+    "@probe.gl/test-utils": "^4.0.4"
+  },
+  "gitHead": "b434bcba10800f27e95a7c9e6c4c7edd0b915773"
 }

package/src/index.ts

@@ -5,6 +5,10 @@
 export {TimeAxisLayer, type TimeAxisLayerProps} from './layers/time-axis-layer';
 export {VerticalGridLayer, type VerticalGridLayerProps} from './layers/vertical-grid-layer';
 export {TimeDeltaLayer, type TimeDeltaLayerProps} from './layers/time-delta-layer';
+export type {HorizonGraphLayerProps} from './layers/horizon-graph-layer/horizon-graph-layer';
+export {HorizonGraphLayer} from './layers/horizon-graph-layer/horizon-graph-layer';
+export type {MultiHorizonGraphLayerProps} from './layers/horizon-graph-layer/multi-horizon-graph-layer';
+export {MultiHorizonGraphLayer} from './layers/horizon-graph-layer/multi-horizon-graph-layer';
 
 export {fitBoundsOrthographic} from './views/orthographic-utils';
 export {formatTimeMs, formatTimeRangeMs} from './utils/format-utils';

package/src/layers/horizon-graph-layer/horizon-graph-layer-uniforms.ts

@@ -0,0 +1,47 @@
+// deck.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+import type {ShaderModule} from '@luma.gl/shadertools';
+import {Texture} from '@luma.gl/core';
+
+const uniformBlock = `\
+layout(std140) uniform horizonLayerUniforms {
+  float dataTextureSize;  // width = height of the POT texture
+  float dataTextureSizeInv;
+  float dataTextureCount; // actual number of data points
+
+  float bands;
+  float bandsInv;
+  float yAxisScaleInv;
+
+  vec3      positiveColor;
+  vec3      negativeColor;
+} horizonLayer;
+`;
+
+type HorizonLayerBindingProps = {
+  dataTexture: Texture;
+};
+
+type HorizonLayerUniformProps = {};
+
+export type HorizonLayerProps = HorizonLayerBindingProps & HorizonLayerUniformProps;
+
+export const horizonLayerUniforms = {
+  name: 'horizonLayer',
+  vs: uniformBlock,
+  fs: uniformBlock,
+  uniformTypes: {
+    dataTextureSize: 'f32',
+    dataTextureSizeInv: 'f32',
+    dataTextureCount: 'f32',
+
+    bands: 'f32',
+    bandsInv: 'f32',
+    yAxisScaleInv: 'f32',
+
+    positiveColor: 'vec3<f32>',
+    negativeColor: 'vec3<f32>'
+  }
+} as const satisfies ShaderModule<HorizonLayerProps>;

package/src/layers/horizon-graph-layer/horizon-graph-layer.fs.ts

@@ -0,0 +1,53 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+
+export default `#version 300 es
+#define SHADER_NAME horizon-graph-layer-fragment-shader
+
+precision highp float;
+precision highp int;
+
+/******* UNIFORM *******/
+
+uniform sampler2D dataTexture;
+
+/******* IN *******/
+
+in vec2 v_uv;
+
+/******* OUT *******/
+
+out vec4 fragColor;
+
+
+/******* MAIN *******/
+
+void main(void) {
+  // horizontal position to sample index
+  float idx = v_uv.x * horizonLayer.dataTextureCount;
+  // idx = clamp(idx, 0.0, horizonLayer.dataTextureCount - 1.0); // NEEDED???
+
+  // fetch single data point & normalize (-1,+1)
+  float fy = floor(idx * horizonLayer.dataTextureSizeInv);
+  float fx = idx - fy * horizonLayer.dataTextureSize;
+  float val = texelFetch(dataTexture, ivec2(int(fx), int(fy)), 0).r;
+  val *= horizonLayer.yAxisScaleInv;
+
+  // band layering
+  float fband    = abs(val) * horizonLayer.bands;
+  float bandIdx  = clamp(floor(fband), 0.0, horizonLayer.bands - 1.0);
+  float bandFrac = fract(fband);
+
+  // calc our position value and find out color (using mix+step instead of if...else)
+  float positive = step(0.0, val);  // 1 if pos, else 0
+  vec3  baseCol  = mix(horizonLayer.negativeColor, horizonLayer.positiveColor, positive);
+  float curPos   = mix(v_uv.y, 1.0 - v_uv.y, positive);
+  float addOne   = step(curPos, bandFrac);
+
+  float band = bandIdx + addOne;
+  float whiten = 1.0 - band * horizonLayer.bandsInv;
+
+  fragColor = vec4(mix(baseCol, vec3(1.0), whiten), 1.0);
+}
+`;