@fusion.dev/helix-plot 0.0.0-dev

package/dist/three/heatmap-driver.d.ts

@@ -0,0 +1,36 @@
+import type { SpatialHeatmapDriver } from '../connect-spatial-heatmap/connect-spatial-heatmap.js';
+/** How the three.js heatmap driver behaves where the page does not say. */
+export interface ThreeHeatmapDriverOptions {
+    /**
+     * How many pixels the drawing has for each of the page's. By default, on a
+     * screen worked with a mouse, half as many again as the screen has, at
+     * least two and at most three; on a touch screen, as many as the screen
+     * has, at most two.
+     */
+    density?: number | undefined;
+}
+/**
+ * Draws a spatial heatmap's readings as prisms in three dimensions with
+ * three.js. Pass it to `connectSpatialHeatmap` with the element in the
+ * chart's `renderer` slot:
+ *
+ * ```js
+ * import { connectSpatialHeatmap } from '@fusion.dev/helix-plot'
+ * import { threeHeatmapDriver } from '@fusion.dev/helix-plot/three'
+ *
+ * connectSpatialHeatmap(chart, threeHeatmapDriver(chart.querySelector('[slot="renderer"]')))
+ * ```
+ *
+ * **Each reading is a prism on a slab**, as tall as the chart's own drawing
+ * stands it and in its tone, lit from above and the upper left, with each
+ * edge set a little apart from its face. A day with nothing in it is a tile.
+ *
+ * **Dragging turns the relief, and the wheel and a pinch bring it nearer.**
+ * Shift with an arrow on the chart turns it a step. It never turns by itself.
+ * It draws only while something moves, asks for no frames at rest, and
+ * shares the page's WebGL contexts with every three.js drawing Helix makes.
+ *
+ * The renderer is the driver's own, and `disconnect()` frees it.
+ */
+export declare const threeHeatmapDriver: (container: HTMLElement, options?: ThreeHeatmapDriverOptions) => SpatialHeatmapDriver;
+//# sourceMappingURL=heatmap-driver.d.ts.map

package/dist/three/heatmap-driver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap-driver.d.ts","sourceRoot":"","sources":["../../src/three/heatmap-driver.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,uDAAuD,CAAA;AAG9D,2EAA2E;AAC3E,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC7B;AA6BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,kBAAkB,cAClB,WAAW,YACb,yBAAyB,KACjC,oBAqIF,CAAA"}

package/dist/three/heatmap-driver.js

@@ -0,0 +1,120 @@
+import { BoxGeometry, BufferGeometry, Color, DirectionalLight, EdgesGeometry, Float32BufferAttribute, HemisphereLight, LineBasicMaterial, LineSegments, Mesh, MeshLambertMaterial, Vector3, } from 'three';
+import { mergeGeometries } from 'three/addons/utils/BufferGeometryUtils.js';
+import { createStage } from './stage.js';
+const FOOTPRINT = 0.84;
+const MARGIN = 0.3;
+const THICKNESS = 0.25;
+const TILE = 0.05;
+const FLOOR = -0.3;
+const SPAN = 1.9;
+const edgeOf = (face) => {
+    const hsl = { h: 0, l: 0, s: 0 };
+    face.getHSL(hsl);
+    return face.clone().lerp(new Color(hsl.l < 0.5 ? 0xffffff : 0x000000), hsl.l < 0.5 ? 0.22 : 0.18);
+};
+export const threeHeatmapDriver = (container, options = {}) => {
+    let field;
+    let framed = false;
+    let cornered;
+    let unfollow;
+    let tops = [];
+    const prismMaterial = new MeshLambertMaterial({
+        polygonOffset: true,
+        polygonOffsetFactor: 1,
+        polygonOffsetUnits: 1,
+        vertexColors: true,
+    });
+    const prisms = new Mesh(new BufferGeometry(), prismMaterial);
+    const edgeMaterial = new LineBasicMaterial({ vertexColors: true });
+    const edges = new LineSegments(new BufferGeometry(), edgeMaterial);
+    const baseMaterial = new MeshLambertMaterial();
+    const base = new Mesh(new BoxGeometry(1, 1, 1), baseMaterial);
+    base.visible = false;
+    const stage = createStage(container, {
+        density: options.density,
+        pick: (ray) => {
+            const hit = ray.intersectObject(prisms)[0];
+            return hit?.faceIndex === undefined || hit.faceIndex === null || !field
+                ? -1
+                : Math.min(Math.floor(hit.faceIndex / 12), field.cells.length - 1);
+        },
+    });
+    const sky = new HemisphereLight(0xffffff, 0xffffff, 2.2);
+    const sun = new DirectionalLight(0xffffff, 1);
+    sun.position.set(-2, 4, 1);
+    stage.scene.add(base, prisms, edges, sky, sun);
+    const painted = (geometry, color) => {
+        const count = geometry.getAttribute('position').count;
+        const colors = new Float32Array(count * 3);
+        for (let at = 0; at < count; at++) {
+            colors.set([color.r, color.g, color.b], at * 3);
+        }
+        geometry.setAttribute('color', new Float32BufferAttribute(colors, 3));
+        return geometry;
+    };
+    return {
+        draw: (next, colors) => {
+            field = next;
+            const unit = SPAN / Math.max(next.columns, next.rows, 1);
+            const tile = new Color(colors.extra.tile ?? colors.ground);
+            const solids = [];
+            const lines = [];
+            tops = next.cells.map((cell) => {
+                const color = cell.tone ? new Color(colors.extra[`tone-${cell.tone}`] ?? colors.ink) : tile;
+                const tall = Math.max(cell.height, TILE) * unit;
+                const x = (cell.column + 0.5 - next.columns / 2) * unit;
+                const z = (cell.row + 0.5 - next.rows / 2) * unit;
+                const box = new BoxGeometry(unit * FOOTPRINT, tall, unit * FOOTPRINT);
+                box.translate(x, FLOOR + tall / 2, z);
+                solids.push(painted(box, color));
+                lines.push(painted(new EdgesGeometry(box), edgeOf(color)));
+                return new Vector3(x, FLOOR + tall, z);
+            });
+            prisms.geometry.dispose();
+            edges.geometry.dispose();
+            prisms.geometry = (solids.length > 0 && mergeGeometries(solids)) || new BufferGeometry();
+            edges.geometry = (lines.length > 0 && mergeGeometries(lines)) || new BufferGeometry();
+            for (const one of [...solids, ...lines]) {
+                one.dispose();
+            }
+            base.scale.set((next.columns + 2 * MARGIN) * unit, THICKNESS * unit, (next.rows + 2 * MARGIN) * unit);
+            base.position.set(0, FLOOR - (THICKNESS * unit) / 2, 0);
+            baseMaterial.color.setStyle(colors.extra.base ?? colors.grid);
+            base.visible = next.cells.length > 0;
+            const tallest = Math.max(TILE, ...next.cells.map((cell) => cell.height)) * unit;
+            const wide = (next.columns + 2 * MARGIN) * unit;
+            const deep = (next.rows + 2 * MARGIN) * unit;
+            const high = tallest + THICKNESS * unit;
+            stage.frame(new Vector3(-wide / 2, FLOOR - THICKNESS * unit, -deep / 2), new Vector3(wide / 2, FLOOR - THICKNESS * unit + high, deep / 2), framed ? undefined : new Vector3(1, 1, 1));
+            framed = true;
+            unfollow?.();
+            const foot = FLOOR - THICKNESS * unit;
+            unfollow = stage.track([new Vector3(-wide / 2, foot, deep / 2), new Vector3(wide / 2, foot, deep / 2)], (at) => {
+                cornered?.(at ? { end: at[1], start: at[0] } : undefined);
+            });
+        },
+        focus: (index) => {
+            stage.setMarker(tops[index]);
+        },
+        onCorners: (listener) => {
+            cornered = listener;
+            return () => {
+                cornered = undefined;
+            };
+        },
+        onHover: (listener) => stage.onHover(listener),
+        onPlace: (listener) => stage.onPlace(listener),
+        onPress: (listener) => stage.onPress(listener),
+        stop: () => {
+            prisms.geometry.dispose();
+            prismMaterial.dispose();
+            edges.geometry.dispose();
+            edgeMaterial.dispose();
+            base.geometry.dispose();
+            baseMaterial.dispose();
+            stage.stop();
+        },
+        turnBy: (across, up, animate) => stage.turnBy(across, up, animate),
+    };
+};
+//# sourceMappingURL=heatmap-driver.js.map

package/dist/three/heatmap-driver.js.map

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

package/dist/three/index.d.ts

@@ -0,0 +1,4 @@
+export { type ThreeHeatmapDriverOptions, threeHeatmapDriver } from './heatmap-driver.js';
+export { type ThreeScatterDriverOptions, threeScatterDriver } from './scatter-driver.js';
+export { type ThreeSurfaceDriverOptions, threeSurfaceDriver } from './surface-driver.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/three/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/three/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxF,OAAO,EAAE,KAAK,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxF,OAAO,EAAE,KAAK,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/three/index.js

@@ -0,0 +1,4 @@
+export { threeHeatmapDriver } from './heatmap-driver.js';
+export { threeScatterDriver } from './scatter-driver.js';
+export { threeSurfaceDriver } from './surface-driver.js';
+//# sourceMappingURL=index.js.map

package/dist/three/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/three/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxF,OAAO,EAAkC,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxF,OAAO,EAAkC,kBAAkB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/three/scatter-driver.d.ts

@@ -0,0 +1,38 @@
+import type { SpatialScatterChartDriver } from '../connect-spatial-scatter-chart/connect-spatial-scatter-chart.js';
+/** How the three.js scatter driver behaves where the page does not say. */
+export interface ThreeScatterDriverOptions {
+    /**
+     * How many pixels the drawing has for each of the page's. By default, on a
+     * screen worked with a mouse, half as many again as the screen has, at
+     * least two and at most three; on a touch screen, as many as the screen
+     * has, at most two.
+     */
+    density?: number | undefined;
+    /** How large a point is drawn, in CSS pixels, at any distance. 9 by default. */
+    pointSize?: number | undefined;
+}
+/**
+ * Draws a Spatial Scatter Chart's points in three dimensions with three.js. Pass
+ * it to `connectSpatialScatterChart` with the element to draw in, which the chart
+ * holds in its plot:
+ *
+ * ```js
+ * import { connectSpatialScatterChart } from '@fusion.dev/helix-plot'
+ * import { threeScatterDriver } from '@fusion.dev/helix-plot/three'
+ *
+ * connectSpatialScatterChart(chart, threeScatterDriver(chart.querySelector('div')))
+ * ```
+ *
+ * **The points stand in a box**, each axis' range from one side of it to the
+ * other, with a grid on its floor and two of its walls at the ticks, and the
+ * axes named along its edges. Each group is a color of the theme's series.
+ *
+ * **Dragging turns the box, and the wheel and a pinch bring it nearer.**
+ * Shift with an arrow on the chart turns it a step. It never turns by itself.
+ * It draws only while something moves, asks for no frames at rest, and
+ * shares the page's WebGL contexts with every three.js drawing Helix makes.
+ *
+ * The renderer is the driver's own, and `disconnect()` frees it.
+ */
+export declare const threeScatterDriver: (container: HTMLElement, options?: ThreeScatterDriverOptions) => SpatialScatterChartDriver;
+//# sourceMappingURL=scatter-driver.d.ts.map

package/dist/three/scatter-driver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-driver.d.ts","sourceRoot":"","sources":["../../src/three/scatter-driver.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAEV,yBAAyB,EAC1B,MAAM,mEAAmE,CAAA;AAG1E,2EAA2E;AAC3E,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAmBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,kBAAkB,cAClB,WAAW,YACb,yBAAyB,KACjC,yBAsFF,CAAA"}

package/dist/three/scatter-driver.js

@@ -0,0 +1,85 @@
+import { BufferGeometry, CanvasTexture, Color, Float32BufferAttribute, Points, PointsMaterial, Vector3, } from 'three';
+import { createStage, inBox } from './stage.js';
+const REACH = 0.03;
+const dot = () => {
+    const canvas = document.createElement('canvas');
+    canvas.width = canvas.height = 64;
+    const context = canvas.getContext('2d');
+    if (context) {
+        context.beginPath();
+        context.arc(32, 32, 28, 0, Math.PI * 2);
+        context.fillStyle = '#fff';
+        context.fill();
+    }
+    return new CanvasTexture(canvas);
+};
+export const threeScatterDriver = (container, options = {}) => {
+    let field;
+    const placeOf = (index) => {
+        const point = field?.points[index];
+        if (!field || !point) {
+            return undefined;
+        }
+        return new Vector3(inBox(field.axes.x, point.x), inBox(field.axes.y, point.y), inBox(field.axes.z, point.z));
+    };
+    const pointTexture = dot();
+    const pointMaterial = new PointsMaterial({
+        alphaTest: 0.5,
+        map: pointTexture,
+        size: options.pointSize ?? 9,
+        sizeAttenuation: false,
+        vertexColors: true,
+    });
+    const points = new Points(new BufferGeometry(), pointMaterial);
+    const stage = createStage(container, {
+        density: options.density,
+        pick: (ray) => {
+            ray.params.Points = { threshold: 0.2 };
+            let found = -1;
+            let nearest = REACH;
+            for (const hit of ray.intersectObject(points)) {
+                const away = (hit.distanceToRay ?? Number.POSITIVE_INFINITY) / Math.max(hit.distance, 1e-6);
+                if (hit.index !== undefined && away < nearest) {
+                    nearest = away;
+                    found = hit.index;
+                }
+            }
+            return found;
+        },
+    });
+    stage.scene.add(points);
+    return {
+        draw: (next, colors, font) => {
+            field = next;
+            const positions = [];
+            const tints = [];
+            const tint = new Color();
+            next.points.forEach((point, index) => {
+                const at = placeOf(index);
+                positions.push(at.x, at.y, at.z);
+                tint.setStyle(colors.groups[point.groupIndex % colors.groups.length] ?? colors.ink);
+                tints.push(tint.r, tint.g, tint.b);
+            });
+            points.geometry.dispose();
+            const geometry = new BufferGeometry();
+            geometry.setAttribute('position', new Float32BufferAttribute(positions, 3));
+            geometry.setAttribute('color', new Float32BufferAttribute(tints, 3));
+            points.geometry = geometry;
+            stage.setAxes(next.axes, colors, font);
+        },
+        focus: (index) => {
+            stage.setMarker(placeOf(index));
+        },
+        onHover: (listener) => stage.onHover(listener),
+        onPlace: (listener) => stage.onPlace(listener),
+        onPress: (listener) => stage.onPress(listener),
+        stop: () => {
+            points.geometry.dispose();
+            pointMaterial.dispose();
+            pointTexture.dispose();
+            stage.stop();
+        },
+        turnBy: (across, up, animate) => stage.turnBy(across, up, animate),
+    };
+};
+//# sourceMappingURL=scatter-driver.js.map

package/dist/three/scatter-driver.js.map

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

package/dist/three/stage.d.ts

@@ -0,0 +1,66 @@
+import { Raycaster, Scene, Vector3 } from 'three';
+import type { Axis, PlotColors } from '../connect-plot/connect-plot.js';
+/** The box's half edge, in three.js's units: what is plotted stands between -1 and 1 on each axis. */
+export declare const HALF = 1;
+/** A number on an axis, written short enough for a tick. */
+export declare const tickText: (value: number) => string;
+/** Where a number stands in the box, from -1 at its axis' low end to 1 at its high end. */
+export declare const inBox: (axis: Axis, value: number) => number;
+/** The plot's three axes: across, up, and in depth. */
+export interface Axes {
+    x: Axis;
+    y: Axis;
+    z: Axis;
+}
+/** What a stage is asked for. */
+export interface StageOptions {
+    /** How many pixels the drawing has for each of the page's, as each driver's `density`. */
+    density?: number | undefined;
+}
+/** Where a reading is drawn, as fractions of the box the drawing fills, from its top left. */
+export interface Place {
+    x: number;
+    y: number;
+}
+/** What moved a reading: the kinds of pointer a chart's readings name. */
+export type PointerKind = 'mouse' | 'pen' | 'touch';
+/**
+ * The stage a 3D plot is drawn on, in `container`.
+ *
+ * `pick` is asked which reading a ray through the pointer meets, `-1` for
+ * none. `onHover` hears the reading a mouse or a pen rests on, `onPress` a
+ * press that did not drag, and `onPlace` where the ringed reading is drawn
+ * after each frame, which is where the chart points its tooltip.
+ */
+export declare const createStage: (container: HTMLElement, options: StageOptions & {
+    pick: (ray: Raycaster) => number;
+}) => {
+    /**
+     * Holds the box from `low` to `high` around what is drawn in view, from
+     * `toward` where given, a direction from the middle toward the camera, or
+     * from where the camera stands. Again on every resize, from wherever the
+     * camera stands then.
+     */
+    frame: (low: Vector3, high: Vector3, toward?: Vector3) => void;
+    invalidate: () => void;
+    /** Hears the reading a mouse or a pen rests on, `-1` for none. Returns what stops listening. */
+    onHover: (listener: (index: number, kind: PointerKind) => void) => (() => void);
+    /** Hears where the ringed reading is drawn after each frame that moves it, or that none is. */
+    onPlace: (listener: (at: Place | undefined) => void) => (() => void);
+    onPress: (listener: (index: number, kind: PointerKind) => void) => (() => void);
+    scene: Scene<import("three").Object3DEventMap>;
+    /** Draws the box and its grid for `next` axes, in `nextColors`. */
+    setAxes: (next: Axes, nextColors: PlotColors, nextFont: string) => void;
+    /** Rings the reading the keys rest on, or none. */
+    setMarker: (at: Vector3 | undefined) => void;
+    stop: () => void;
+    /**
+     * Follows `points` in the scene on the page: `heard` is told where each is
+     * drawn, as fractions of the box from its top left, after every frame
+     * that moves one, and `undefined` while one is behind the camera. Returns
+     * what stops following.
+     */
+    track: (points: Vector3[], heard: (at: Place[] | undefined) => void) => (() => void);
+    turnBy: (across: number, up: number, animate: boolean) => void;
+};
+//# sourceMappingURL=stage.d.ts.map

package/dist/three/stage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage.d.ts","sourceRoot":"","sources":["../../src/three/stage.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,SAAS,EACT,KAAK,EAKL,OAAO,EAER,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAgBvE,sGAAsG;AACtG,eAAO,MAAM,IAAI,IAAI,CAAA;AAKrB,4DAA4D;AAC5D,eAAO,MAAM,QAAQ,UAAW,MAAM,KAAG,MAA8C,CAAA;AAEvF,2FAA2F;AAC3F,eAAO,MAAM,KAAK,SAAU,IAAI,SAAS,MAAM,KAAG,MAGjD,CAAA;AAiBD,uDAAuD;AACvD,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,IAAI,CAAA;IACP,CAAC,EAAE,IAAI,CAAA;IACP,CAAC,EAAE,IAAI,CAAA;CACR;AAED,iCAAiC;AACjC,MAAM,WAAW,YAAY;IAC3B,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC7B;AAED,8FAA8F;AAC9F,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,0EAA0E;AAC1E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,CAAA;AAgCnD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,cACX,WAAW,WACb,YAAY,GAAG;IACtB,IAAI,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,MAAM,CAAA;CACjC;IAoYC;;;;;OAKG;iBACU,OAAO,QAAQ,OAAO,WAAW,OAAO,KAAG,IAAI;sBAhOvC,IAAI;IAyOzB,gGAAgG;wBAC5E,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;IAM7E,+FAA+F;wBAC3E,CAAC,EAAE,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;wBAO9C,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;;IAO7E,mEAAmE;oBACnD,IAAI,cAAc,UAAU,YAAY,MAAM,KAAG,IAAI;IAcrE,mDAAmD;oBACnC,OAAO,GAAG,SAAS,KAAG,IAAI;gBAQhC,IAAI;IAqBd;;;;;OAKG;oBACa,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;qBAOjE,MAAM,MAAM,MAAM,WAAW,OAAO,KAAG,IAAI;CAe/D,CAAA"}