@deck.gl-community/timeline-layers 9.2.0-beta.8

package/dist/index.js

@@ -0,0 +1,9 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+export { HorizonGraphLayer } from "./layers/horizon-graph-layer/horizon-graph-layer.js";
+export { MultiHorizonGraphLayer } from "./layers/horizon-graph-layer/multi-horizon-graph-layer.js";
+export { TimeAxisLayer } from "./layers/time-axis-layer.js";
+export { VerticalGridLayer } from "./layers/vertical-grid-layer.js";
+export { formatTimeMs, formatTimeRangeMs } from "./utils/format-utils.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAGpC,OAAO,EAAC,iBAAiB,EAAC,4DAAyD;AAEnF,OAAO,EAAC,sBAAsB,EAAC,kEAA+D;AAE9F,OAAO,EAAC,aAAa,EAAC,oCAAiC;AAEvD,OAAO,EAAC,iBAAiB,EAAC,wCAAqC;AAC/D,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAC,gCAA6B"}

package/dist/layers/horizon-graph-layer/horizon-graph-layer-uniforms.d.ts

@@ -0,0 +1,23 @@
+import { Texture } from '@luma.gl/core';
+type HorizonLayerBindingProps = {
+    dataTexture: Texture;
+};
+type HorizonLayerUniformProps = {};
+export type HorizonLayerProps = HorizonLayerBindingProps & HorizonLayerUniformProps;
+export declare const horizonLayerUniforms: {
+    readonly name: "horizonLayer";
+    readonly vs: "layout(std140) uniform horizonLayerUniforms {\n  float dataTextureSize;  // width = height of the POT texture\n  float dataTextureSizeInv;\n  float dataTextureCount; // actual number of data points\n\n  float bands;\n  float bandsInv;\n  float yAxisScaleInv;\n\n  vec3      positiveColor;\n  vec3      negativeColor;\n} horizonLayer;\n";
+    readonly fs: "layout(std140) uniform horizonLayerUniforms {\n  float dataTextureSize;  // width = height of the POT texture\n  float dataTextureSizeInv;\n  float dataTextureCount; // actual number of data points\n\n  float bands;\n  float bandsInv;\n  float yAxisScaleInv;\n\n  vec3      positiveColor;\n  vec3      negativeColor;\n} horizonLayer;\n";
+    readonly uniformTypes: {
+        readonly dataTextureSize: "f32";
+        readonly dataTextureSizeInv: "f32";
+        readonly dataTextureCount: "f32";
+        readonly bands: "f32";
+        readonly bandsInv: "f32";
+        readonly yAxisScaleInv: "f32";
+        readonly positiveColor: "vec3<f32>";
+        readonly negativeColor: "vec3<f32>";
+    };
+};
+export {};
+//# sourceMappingURL=horizon-graph-layer-uniforms.d.ts.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer-uniforms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizon-graph-layer-uniforms.d.ts","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/horizon-graph-layer-uniforms.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AAiBtC,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG,EAAE,CAAC;AAEnC,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,GAAG,wBAAwB,CAAC;AAEpF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;CAgBmB,CAAC"}

package/dist/layers/horizon-graph-layer/horizon-graph-layer-uniforms.js

@@ -0,0 +1,33 @@
+// deck.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+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;
+`;
+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>'
+    }
+};
+//# sourceMappingURL=horizon-graph-layer-uniforms.js.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer-uniforms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizon-graph-layer-uniforms.js","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/horizon-graph-layer-uniforms.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAKpC,MAAM,YAAY,GAAG;;;;;;;;;;;;;CAapB,CAAC;AAUF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE,cAAc;IACpB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,YAAY,EAAE;QACZ,eAAe,EAAE,KAAK;QACtB,kBAAkB,EAAE,KAAK;QACzB,gBAAgB,EAAE,KAAK;QAEvB,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,KAAK;QAEpB,aAAa,EAAE,WAAW;QAC1B,aAAa,EAAE,WAAW;KAC3B;CACiD,CAAC"}

package/dist/layers/horizon-graph-layer/horizon-graph-layer.d.ts

@@ -0,0 +1,38 @@
+import type { DefaultProps, LayerProps, Color, LayerContext, UpdateParameters } from '@deck.gl/core';
+import { Layer } from '@deck.gl/core';
+import { Model } from '@luma.gl/engine';
+import { Texture } from '@luma.gl/core';
+export type _HorizonGraphLayerProps = {
+    data: number[] | Float32Array;
+    yAxisScale?: number;
+    bands?: number;
+    positiveColor?: Color;
+    negativeColor?: Color;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+};
+export type HorizonGraphLayerProps = _HorizonGraphLayerProps & LayerProps;
+export declare class HorizonGraphLayer<ExtraProps extends {} = {}> extends Layer<ExtraProps & Required<_HorizonGraphLayerProps>> {
+    static layerName: string;
+    static defaultProps: DefaultProps<HorizonGraphLayerProps>;
+    state: {
+        model?: Model;
+        dataTexture?: Texture;
+        dataTextureSize?: number;
+        dataTextureCount?: number;
+    };
+    initializeState(): void;
+    getShaders(): any;
+    _createDataTexture(seriesData: Float32Array | number[]): {
+        dataTexture: Texture;
+        dataTextureSize: number;
+        dataTextureCount: number;
+    };
+    _createModel(): Model;
+    updateState(params: UpdateParameters<Layer<ExtraProps & Required<_HorizonGraphLayerProps>>>): void;
+    draw(): void;
+    finalizeState(context: LayerContext): void;
+}
+//# sourceMappingURL=horizon-graph-layer.d.ts.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizon-graph-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/horizon-graph-layer.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACnG,OAAO,EAAC,KAAK,EAAY,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,KAAK,EAAW,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AAGtC,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC;IAE9B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC;IAEtB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,GAAG,UAAU,CAAC;AAgB1E,qBAAa,iBAAiB,CAAC,UAAU,SAAS,EAAE,GAAG,EAAE,CAAE,SAAQ,KAAK,CACtE,UAAU,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAC/C;IACC,MAAM,CAAC,SAAS,SAAuB;IACvC,MAAM,CAAC,YAAY,uCAAgB;IAEnC,KAAK,EAAE;QACL,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAM;IAEP,eAAe;IAIf,UAAU;IAQV,kBAAkB,CAAC,UAAU,EAAE,YAAY,GAAG,MAAM,EAAE,GAAG;QACvD,WAAW,EAAE,OAAO,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;QACxB,gBAAgB,EAAE,MAAM,CAAC;KAC1B;IAkCD,YAAY;IAwCZ,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAgB3F,IAAI;IAiCJ,aAAa,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;CAK3C"}

package/dist/layers/horizon-graph-layer/horizon-graph-layer.fs.d.ts

@@ -0,0 +1,3 @@
+declare const _default: "#version 300 es\n#define SHADER_NAME horizon-graph-layer-fragment-shader\n\nprecision highp float;\nprecision highp int;\n\n/******* UNIFORM *******/\n\nuniform sampler2D dataTexture;\n\n/******* IN *******/\n\nin vec2 v_uv;\n\n/******* OUT *******/\n\nout vec4 fragColor;\n\n\n/******* MAIN *******/\n\nvoid main(void) {\n  // horizontal position to sample index\n  float idx = v_uv.x * horizonLayer.dataTextureCount;\n  // idx = clamp(idx, 0.0, horizonLayer.dataTextureCount - 1.0); // NEEDED???\n\n  // fetch single data point & normalize (-1,+1)\n  float fy = floor(idx * horizonLayer.dataTextureSizeInv);\n  float fx = idx - fy * horizonLayer.dataTextureSize;\n  float val = texelFetch(dataTexture, ivec2(int(fx), int(fy)), 0).r;\n  val *= horizonLayer.yAxisScaleInv;\n\n  // band layering\n  float fband    = abs(val) * horizonLayer.bands;\n  float bandIdx  = clamp(floor(fband), 0.0, horizonLayer.bands - 1.0);\n  float bandFrac = fract(fband);\n\n  // calc our position value and find out color (using mix+step instead of if...else)\n  float positive = step(0.0, val);  // 1 if pos, else 0\n  vec3  baseCol  = mix(horizonLayer.negativeColor, horizonLayer.positiveColor, positive);\n  float curPos   = mix(v_uv.y, 1.0 - v_uv.y, positive);\n  float addOne   = step(curPos, bandFrac);\n\n  float band = bandIdx + addOne;\n  float whiten = 1.0 - band * horizonLayer.bandsInv;\n\n  fragColor = vec4(mix(baseCol, vec3(1.0), whiten), 1.0);\n}\n";
+export default _default;
+//# sourceMappingURL=horizon-graph-layer.fs.d.ts.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer.fs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizon-graph-layer.fs.d.ts","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/horizon-graph-layer.fs.ts"],"names":[],"mappings":";AAIA,wBAgDE"}

package/dist/layers/horizon-graph-layer/horizon-graph-layer.fs.js

@@ -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);
+}
+`;
+//# sourceMappingURL=horizon-graph-layer.fs.js.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer.fs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizon-graph-layer.fs.js","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/horizon-graph-layer.fs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDd,CAAC"}

package/dist/layers/horizon-graph-layer/horizon-graph-layer.js

@@ -0,0 +1,138 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { Layer, project32 } from '@deck.gl/core';
+import { Model, Geometry } from '@luma.gl/engine';
+import vs from './horizon-graph-layer.vs';
+import fs from './horizon-graph-layer.fs';
+import { horizonLayerUniforms } from "./horizon-graph-layer-uniforms.js";
+const defaultProps = {
+    yAxisScale: { type: 'number', value: 1000 },
+    bands: { type: 'number', value: 2 },
+    positiveColor: { type: 'color', value: [0, 128, 0] },
+    negativeColor: { type: 'color', value: [0, 0, 255] },
+    x: { type: 'number', value: 0 },
+    y: { type: 'number', value: 0 },
+    width: { type: 'number', value: 800 },
+    height: { type: 'number', value: 300 }
+};
+export class HorizonGraphLayer extends Layer {
+    static layerName = 'HorizonGraphLayer';
+    static defaultProps = defaultProps;
+    state = {};
+    initializeState() {
+        this.state = {};
+    }
+    getShaders() {
+        return super.getShaders({
+            vs,
+            fs,
+            modules: [project32, horizonLayerUniforms]
+        });
+    }
+    _createDataTexture(seriesData) {
+        const _data = seriesData instanceof Float32Array ? seriesData : new Float32Array(seriesData);
+        const { device } = this.context;
+        const count = _data.length;
+        let dataTextureSize = 32;
+        while (count > dataTextureSize * dataTextureSize) {
+            dataTextureSize *= 2;
+        }
+        // TODO: use the right way to only submit the minimum amount of data
+        const data = new Float32Array(dataTextureSize * dataTextureSize);
+        data.set(_data, 0);
+        return {
+            dataTexture: device.createTexture({
+                data,
+                format: 'r32float',
+                dimension: '2d',
+                width: dataTextureSize,
+                height: dataTextureSize,
+                sampler: {
+                    minFilter: 'nearest',
+                    magFilter: 'nearest',
+                    addressModeU: 'clamp-to-edge',
+                    addressModeV: 'clamp-to-edge'
+                }
+            }),
+            dataTextureSize,
+            dataTextureCount: count
+        };
+    }
+    _createModel() {
+        const { x, y, width, height } = this.props;
+        // Create a rectangle using triangle strip (4 vertices)
+        // Order: bottom-left, bottom-right, top-left, top-right
+        const positions = [
+            x,
+            y,
+            0.0,
+            x + width,
+            y,
+            0.0,
+            x,
+            y + height,
+            0.0,
+            x + width,
+            y + height,
+            0.0
+        ];
+        const uv = [0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 1.0, 1.0];
+        const geometry = new Geometry({
+            topology: 'triangle-strip',
+            attributes: {
+                positions: { value: new Float32Array(positions), size: 3 },
+                uv: { value: new Float32Array(uv), size: 2 }
+            }
+        });
+        return new Model(this.context.device, {
+            ...this.getShaders(),
+            geometry,
+            bufferLayout: this.getAttributeManager().getBufferLayouts()
+        });
+    }
+    updateState(params) {
+        super.updateState(params);
+        const { changeFlags } = params;
+        if (changeFlags.dataChanged) {
+            this.state.dataTexture?.destroy();
+            this.setState(this._createDataTexture(this.props.data));
+        }
+        if (changeFlags.extensionsChanged || changeFlags.propsChanged) {
+            this.state.model?.destroy();
+            this.setState({ model: this._createModel() });
+        }
+    }
+    draw() {
+        const { model, dataTexture } = this.state;
+        if (!model) {
+            this.setState({ model: this._createModel() });
+            return;
+        }
+        if (!dataTexture) {
+            this.setState(this._createDataTexture(this.props.data));
+            return;
+        }
+        const { bands, yAxisScale, positiveColor, negativeColor } = this.props;
+        model.shaderInputs.setProps({
+            horizonLayer: {
+                dataTexture: this.state.dataTexture,
+                dataTextureSize: this.state.dataTextureSize,
+                dataTextureSizeInv: 1.0 / this.state.dataTextureSize,
+                dataTextureCount: this.state.dataTextureCount,
+                bands,
+                bandsInv: 1.0 / bands,
+                yAxisScaleInv: 1.0 / yAxisScale,
+                positiveColor: positiveColor.map((c) => c / 255),
+                negativeColor: negativeColor.map((c) => c / 255)
+            }
+        });
+        model.draw(this.context.renderPass);
+    }
+    finalizeState(context) {
+        this.state.model?.destroy();
+        this.state.dataTexture?.destroy();
+        super.finalizeState(context);
+    }
+}
+//# sourceMappingURL=horizon-graph-layer.js.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer.js.map

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

package/dist/layers/horizon-graph-layer/horizon-graph-layer.vs.d.ts

@@ -0,0 +1,3 @@
+declare const _default: "#version 300 es\n#define SHADER_NAME horizon-graph-layer-vertex-shader\n\nin vec3 positions;\nin vec2 uv;\n\nout vec2 v_uv;\n\nvoid main(void) {\n  geometry.worldPosition = positions;\n  \n  vec4 position_commonspace = project_position(vec4(positions.xy, 0.0, 1.0));\n  gl_Position = project_common_position_to_clipspace(position_commonspace);\n  geometry.position = position_commonspace;\n  \n  DECKGL_FILTER_GL_POSITION(gl_Position, geometry);\n  \n  v_uv = uv;\n}\n";
+export default _default;
+//# sourceMappingURL=horizon-graph-layer.vs.d.ts.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer.vs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizon-graph-layer.vs.d.ts","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/horizon-graph-layer.vs.ts"],"names":[],"mappings":";AAIA,wBAmBE"}

package/dist/layers/horizon-graph-layer/horizon-graph-layer.vs.js

@@ -0,0 +1,24 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+export default `#version 300 es
+#define SHADER_NAME horizon-graph-layer-vertex-shader
+
+in vec3 positions;
+in vec2 uv;
+
+out vec2 v_uv;
+
+void main(void) {
+  geometry.worldPosition = positions;
+  
+  vec4 position_commonspace = project_position(vec4(positions.xy, 0.0, 1.0));
+  gl_Position = project_common_position_to_clipspace(position_commonspace);
+  geometry.position = position_commonspace;
+  
+  DECKGL_FILTER_GL_POSITION(gl_Position, geometry);
+  
+  v_uv = uv;
+}
+`;
+//# sourceMappingURL=horizon-graph-layer.vs.js.map

package/dist/layers/horizon-graph-layer/horizon-graph-layer.vs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizon-graph-layer.vs.js","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/horizon-graph-layer.vs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,+BAA+B;AAC/B,oCAAoC;AAEpC,eAAe;;;;;;;;;;;;;;;;;;;CAmBd,CAAC"}

package/dist/layers/horizon-graph-layer/multi-horizon-graph-layer.d.ts

@@ -0,0 +1,23 @@
+import type { DefaultProps, LayerProps, Color, LayerDataSource, Accessor } from '@deck.gl/core';
+import { CompositeLayer } from '@deck.gl/core';
+export type _MultiHorizonGraphLayerProps<DataT> = {
+    data: LayerDataSource<DataT>;
+    getSeries: Accessor<DataT, number[] | Float32Array>;
+    getScale: Accessor<DataT, number>;
+    bands?: number;
+    positiveColor?: Color;
+    negativeColor?: Color;
+    dividerColor?: Color;
+    dividerWidth?: number;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+};
+export type MultiHorizonGraphLayerProps<DataT = unknown> = _MultiHorizonGraphLayerProps<DataT> & LayerProps;
+export declare class MultiHorizonGraphLayer<DataT = any, ExtraProps extends {} = {}> extends CompositeLayer<ExtraProps & Required<_MultiHorizonGraphLayerProps<DataT>>> {
+    static layerName: string;
+    static defaultProps: DefaultProps<MultiHorizonGraphLayerProps<unknown>>;
+    renderLayers(): any[];
+}
+//# sourceMappingURL=multi-horizon-graph-layer.d.ts.map

package/dist/layers/horizon-graph-layer/multi-horizon-graph-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-horizon-graph-layer.d.ts","sourceRoot":"","sources":["../../../src/layers/horizon-graph-layer/multi-horizon-graph-layer.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAI7C,MAAM,MAAM,4BAA4B,CAAC,KAAK,IAAI;IAChD,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7B,SAAS,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC;IACpD,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAElC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC;IAEtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,2BAA2B,CAAC,KAAK,GAAG,OAAO,IAAI,4BAA4B,CAAC,KAAK,CAAC,GAC5F,UAAU,CAAC;AAoBb,qBAAa,sBAAsB,CAAC,KAAK,GAAG,GAAG,EAAE,UAAU,SAAS,EAAE,GAAG,EAAE,CAAE,SAAQ,cAAc,CACjG,UAAU,GAAG,QAAQ,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC,CAC3D;IACC,MAAM,CAAC,SAAS,SAA4B;IAC5C,MAAM,CAAC,YAAY,qDAAgB;IAEnC,YAAY;CA4Gb"}

package/dist/layers/horizon-graph-layer/multi-horizon-graph-layer.js

@@ -0,0 +1,100 @@
+// deck.gl-community
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { CompositeLayer } from '@deck.gl/core';
+import { SolidPolygonLayer } from '@deck.gl/layers';
+import { HorizonGraphLayer } from "./horizon-graph-layer.js";
+const defaultProps = {
+    getSeries: { type: 'accessor', value: (series) => series.values },
+    getScale: { type: 'accessor', value: (series) => series.scale },
+    bands: { type: 'number', value: 2 },
+    positiveColor: { type: 'color', value: [0, 128, 0] },
+    negativeColor: { type: 'color', value: [0, 0, 255] },
+    dividerColor: { type: 'color', value: [0, 0, 0] },
+    dividerWidth: { type: 'number', value: 2 },
+    x: { type: 'number', value: 0 },
+    y: { type: 'number', value: 0 },
+    width: { type: 'number', value: 800 },
+    height: { type: 'number', value: 300 }
+};
+export class MultiHorizonGraphLayer extends CompositeLayer {
+    static layerName = 'MultiHorizonGraphLayer';
+    static defaultProps = defaultProps;
+    renderLayers() {
+        const { data, getSeries, getScale, bands, positiveColor, negativeColor, dividerColor, dividerWidth, x, y, width, height } = this.props;
+        const seriesCount = data.length;
+        if (!seriesCount) {
+            return [];
+        }
+        // Calculate layout dimensions
+        const totalDividerSpace = dividerWidth * (seriesCount + 1);
+        const availableHeight = height - totalDividerSpace;
+        const seriesHeight = availableHeight / seriesCount;
+        const layers = [];
+        // Create divider rectangles
+        if (dividerWidth > 0) {
+            const dividerData = [];
+            // Top divider
+            dividerData.push({
+                polygon: [
+                    [x, y],
+                    [x + width, y],
+                    [x + width, y + dividerWidth],
+                    [x, y + dividerWidth]
+                ]
+            });
+            // Dividers between series
+            for (let i = 0; i < seriesCount - 1; i++) {
+                const dividerY = y + dividerWidth + (i + 1) * seriesHeight + i * dividerWidth;
+                dividerData.push({
+                    polygon: [
+                        [x, dividerY],
+                        [x + width, dividerY],
+                        [x + width, dividerY + dividerWidth],
+                        [x, dividerY + dividerWidth]
+                    ]
+                });
+            }
+            // Bottom divider
+            const bottomDividerY = y + height - dividerWidth;
+            dividerData.push({
+                polygon: [
+                    [x, bottomDividerY],
+                    [x + width, bottomDividerY],
+                    [x + width, y + height],
+                    [x, y + height]
+                ]
+            });
+            layers.push(new SolidPolygonLayer({
+                id: `${this.props.id}-dividers`,
+                data: dividerData,
+                getPolygon: (d) => d.polygon,
+                getFillColor: dividerColor,
+                pickable: false
+            }));
+        }
+        // Create horizon graph layers for each series
+        data.forEach((series, index) => {
+            const seriesData = getSeries(series);
+            if (!seriesData || seriesData.length === 0) {
+                return;
+            }
+            const seriesY = y + dividerWidth + index * (seriesHeight + dividerWidth);
+            const yAxisScale = getScale(series);
+            layers.push(new HorizonGraphLayer({
+                id: `${this.props.id}-series-${index}`,
+                data: seriesData,
+                yAxisScale,
+                bands,
+                positiveColor,
+                negativeColor,
+                x,
+                y: seriesY,
+                width,
+                height: seriesHeight
+            }));
+        });
+        return layers;
+    }
+}
+//# sourceMappingURL=multi-horizon-graph-layer.js.map

package/dist/layers/horizon-graph-layer/multi-horizon-graph-layer.js.map

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

package/dist/layers/time-axis-layer.d.ts

@@ -0,0 +1,56 @@
+import { CompositeLayer, type CompositeLayerProps, type UpdateParameters } from '@deck.gl/core';
+import { LineLayer, TextLayer } from '@deck.gl/layers';
+export type TimeAxisLayerProps = CompositeLayerProps & {
+    unit: 'timestamp' | 'milliseconds';
+    /** Start time in milliseconds since epoch */
+    startTimeMs: number;
+    /** End time in milliseconds since epoch */
+    endTimeMs: number;
+    /** Optional: Number of tick marks (default: 5) */
+    tickCount?: number;
+    /** Optional: Y-coordinate for the axis line (default: 0) */
+    y?: number;
+    /** Optional: RGBA color for axis and ticks (default: [0, 0, 0, 255]) */
+    color?: [number, number, number, number];
+    /** Optional: Bounds for the axis line (default: viewport bounds) */
+    bounds?: [number, number, number, number];
+};
+export declare class TimeAxisLayer extends CompositeLayer<TimeAxisLayerProps> {
+    static layerName: string;
+    static defaultProps: Required<Omit<TimeAxisLayerProps, keyof CompositeLayerProps>>;
+    shouldUpdateState(params: UpdateParameters<TimeAxisLayer>): boolean;
+    renderLayers(): (LineLayer<any, {
+        id: "axis-line";
+        data: {
+            sourcePosition: number[];
+            targetPosition: number[];
+        }[];
+        getSourcePosition: (d: any) => any;
+        getTargetPosition: (d: any) => any;
+        getColor: [number, number, number, number];
+        getWidth: 2;
+    }> | LineLayer<any, {
+        id: "tick-marks";
+        data: {
+            sourcePosition: any[];
+            targetPosition: any[];
+        }[];
+        getSourcePosition: (d: any) => any;
+        getTargetPosition: (d: any) => any;
+        getColor: [number, number, number, number];
+        getWidth: 1;
+    }> | TextLayer<any, {
+        id: "tick-labels";
+        data: {
+            position: any[];
+            text: string;
+        }[];
+        getPosition: (d: any) => any;
+        getText: (d: any) => any;
+        getSize: 12;
+        getColor: [number, number, number, number];
+        getTextAnchor: "middle";
+        getAlignmentBaseline: "top";
+    }>)[];
+}
+//# sourceMappingURL=time-axis-layer.d.ts.map

package/dist/layers/time-axis-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-axis-layer.d.ts","sourceRoot":"","sources":["../../src/layers/time-axis-layer.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAKrD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACrD,IAAI,EAAE,WAAW,GAAG,cAAc,CAAC;IACnC,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,oEAAoE;IACpE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3C,CAAC;AAEF,qBAAa,aAAc,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACnE,OAAgB,SAAS,SAAmB;IAC5C,OAAgB,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,MAAM,mBAAmB,CAAC,CAAC,CAQzF;IAGO,iBAAiB,CAAC,MAAM,EAAE,gBAAgB,CAAC,aAAa,CAAC,GAAG,OAAO;IAInE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DtB"}