@weng-lab/visualization 1.3.0 → 1.3.1

package/dist/visualization.es2.js

@@ -0,0 +1,365 @@
+import { j as i } from "./visualization.es11.js";
+import J, { useRef as Wt, useState as S, useEffect as it, useMemo as K, useCallback as Y, useImperativeHandle as Gt } from "react";
+import Ht from "./visualization.es12.js";
+import Nt from "./visualization.es13.js";
+import { Stack as at, Tooltip as st, IconButton as lt, Box as rt } from "@mui/material";
+import { Download as Ot, HighlightAlt as Ft } from "@mui/icons-material";
+import Vt from "./visualization.es14.js";
+import { downloadDivAsPNG as qt, downloadDivAsSVG as ct, getAnimationProps as Ut } from "./visualization.es15.js";
+import Jt from "./visualization.es16.js";
+import G from "./visualization.es17.js";
+import Kt from "./visualization.es18.js";
+import dt from "./visualization.es19.js";
+import ht from "./visualization.es20.js";
+import Qt from "./visualization.es21.js";
+import pt from "./visualization.es22.js";
+import ft from "./visualization.es23.js";
+import { motion as zt } from "./visualization.es24.js";
+import _t from "./visualization.es25.js";
+import te from "./visualization.es26.js";
+import ee from "./visualization.es27.js";
+import ne from "./visualization.es28.js";
+import oe from "./visualization.es29.js";
+import ie from "./visualization.es30.js";
+const ae = {
+  scaleX: 1,
+  scaleY: 1,
+  translateX: 0,
+  translateY: 0,
+  skewX: 0,
+  skewY: 0
+}, Xe = (e) => {
+  const mt = Qt, ut = ie, Q = {
+    minimap: {
+      open: e.initialState?.minimap?.open ?? !1
+    },
+    controls: {
+      selectionType: e.initialState?.controls?.selectionType ? e.initialState?.controls?.selectionType : e.selectable ? "select" : "pan"
+    }
+  }, {
+    parentRef: xt,
+    width: gt,
+    height: yt
+  } = Jt(), P = Math.min(yt, gt), H = Wt(null), w = J.useRef(null), [A, Z] = J.useState(null), [vt, B] = J.useState(!1), [C, R] = S([]), [d, Mt] = S(Q.controls.selectionType), [N, bt] = S(Q.minimap.open), [jt, Pt] = S(0), [Dt, wt] = S(0), St = e.selectable ? e.selectable : !1, c = {
+    top: 20,
+    left: 70
+  }, y = Math.min(P * 0.9, P * 0.9) - c.left, x = y, f = A ? e.pointData.find((t) => t.x === A.x && t.y === A.y) : null, [p, kt] = S([]), k = e.downloadButton ?? "none", [z, O] = S(!!e.animation);
+  it(() => {
+    if (!e.animation) return;
+    if (e.pointData.length > 2500) {
+      O(!1);
+      return;
+    }
+    const t = 450, n = (e.animationBuffer ?? 0.03) * 1e3, a = Math.ceil(e.pointData.length / (e.animationGroupSize ?? 1)), o = t + a * n, r = window.setTimeout(() => O(!1), o);
+    return () => window.clearTimeout(r);
+  }, [e.animation, e.animationBuffer, e.animationGroupSize, e.pointData.length]), it(() => {
+    const t = H.current, n = (r) => {
+      r.preventDefault();
+    }, a = (r) => {
+      r.preventDefault();
+    }, o = (r) => {
+      r.preventDefault();
+    };
+    return t && (t.addEventListener("wheel", n, {
+      passive: !1
+    }), t.addEventListener("touchstart", o, {
+      passive: !1
+    }), t.addEventListener("touchmove", a, {
+      passive: !1
+    })), () => {
+      t && (t.removeEventListener("wheel", n), t.removeEventListener("touchstart", o), t.removeEventListener("touchmove", a));
+    };
+  }, [H]);
+  const Tt = (t) => {
+    Mt(t);
+  }, Lt = () => {
+    bt(!N);
+  }, _ = K(() => {
+    const t = e.groupPointsAnchor;
+    return t && f ? e.pointData.filter((n) => t in n ? n[t] === f[t] : n.metaData && f.metaData ? n.metaData[t] === f.metaData[t] : !1) : f ? [f] : [];
+  }, [f, e.groupPointsAnchor, e.pointData]), F = (t, n, a) => {
+    const o = t.range().map((r) => t.invert((r - n) / a));
+    return t.copy().domain(o);
+  }, V = (t, n, a) => {
+    const o = t.range().map((r) => t.invert((r - n) / a));
+    return t.copy().domain(o);
+  }, T = K(() => !e.pointData || e.pointData.length === 0 ? G({
+    domain: [0, 1],
+    range: [0, y]
+  }) : G({
+    domain: [Math.min(...e.pointData.map((t) => t.x)) - 1, Math.max(...e.pointData.map((t) => t.x)) + 1],
+    range: [0, y]
+  }), [e.pointData, y]), L = K(() => !e.pointData || e.pointData.length === 0 ? G({
+    domain: [0, 1],
+    range: [x, 0]
+  }) : G({
+    domain: [Math.min(...e.pointData.map((t) => t.y)) - 1, Math.max(...e.pointData.map((t) => t.y)) + 1],
+    range: [x, 0]
+    // Y-axis is inverted
+  }), [e.pointData, x]), Xt = Y((t) => {
+    if (d === "select" && t?.x !== void 0 && t?.y !== void 0) {
+      const n = t.x - c.left, a = t.y - c.top;
+      R((o) => [...o, [{
+        x: n,
+        y: a
+      }]]);
+    }
+  }, [d, c.left, c.top]), Yt = Y((t) => {
+    if (d === "select" && t?.x !== void 0 && t?.y !== void 0) {
+      const n = t.x - c.left, a = t.y - c.top;
+      R((o) => {
+        const r = [...o], m = {
+          x: n + t.dx,
+          y: a + t.dy
+        }, h = r.length - 1;
+        return r[h] = [...r[h] || [], m], r;
+      });
+    }
+  }, [d, c.left, c.top]), At = (t, n) => {
+    let a = !1;
+    for (let o = 0, r = n.length - 1; o < n.length; r = o++) {
+      const m = n[o].x, h = n[o].y, l = n[r].x, g = n[r].y;
+      h > t.y != g > t.y && //does the ray intersect the line segment from the current to the previous vertex?
+      t.x < (l - m) * (t.y - h) / (g - h) + m && (a = !a);
+    }
+    return a;
+  }, q = Y((t) => {
+    if (d === "select") {
+      if (C.length === 0) return;
+      const n = C[C.length - 1], a = F(T, t.transformMatrix.translateX, t.transformMatrix.scaleX), o = V(L, t.transformMatrix.translateY, t.transformMatrix.scaleY), r = e.pointData.filter((m) => {
+        const h = {
+          x: a(m.x),
+          y: o(m.y)
+        };
+        return At(h, n);
+      });
+      e.onSelectionChange && e.onSelectionChange(r), R([]);
+    } else
+      R([]);
+  }, [d, C, T, L, e]), {
+    x: $ = 0,
+    y: E = 0,
+    dx: I,
+    dy: W,
+    isDragging: D,
+    dragStart: tt,
+    dragEnd: U,
+    dragMove: et
+  } = Kt({
+    onDragStart: Xt,
+    onDragMove: Yt,
+    resetOnStart: !0
+  }), Ct = Y((t, n) => {
+    if (D || n.isDragging) {
+      B(!1), Z(null);
+      return;
+    }
+    Pt(t.pageX), wt(t.pageY);
+    const a = dt(t.currentTarget, t);
+    if (!a) return;
+    const o = a.x - c.left, r = a.y - c.top, m = F(T, n.transformMatrix.translateX, n.transformMatrix.scaleX), h = V(L, n.transformMatrix.translateY, n.transformMatrix.scaleY), l = 5, g = e.pointData.find((v) => {
+      const s = m(v.x), j = h(v.y);
+      return Math.abs(o - s) < l && Math.abs(r - j) < l;
+    });
+    g ? (Z(g), B(!0)) : (Z(null), B(!1));
+  }, [D, e.pointData, c.left, c.top, T, L]), $t = Y(() => {
+    B(!1), Z(null);
+  }, []), Et = () => {
+    !e.onPointClicked || !f || f && e.onPointClicked(f);
+  }, Zt = Y((t, n, a) => {
+    if (a) {
+      const o = a.getContext("2d");
+      if (o) {
+        o.setTransform(2, 0, 0, 2, 0, 0), o.clearRect(0, 0, y, x);
+        const r = new Set(_.map((s) => `${s.x},${s.y}`)), m = e.pointData.filter((s) => !r.has(`${s.x},${s.y}`)), h = e.pointData.filter((s) => r.has(`${s.x},${s.y}`)), l = [], g = (s, j) => {
+          const u = t(s.x), M = n(s.y), b = t(s.x) >= 0 && t(s.x) <= y && n(s.y) >= 0 && n(s.y) <= x, X = (s.r || 3) + (j ? 2 : 0);
+          b && (l.push(s), o.beginPath(), !s.shape || s.shape === "circle" ? o.arc(u, M, X, 0, Math.PI * 2) : s.shape === "triangle" && (o.moveTo(u, M - X), o.lineTo(u - X, M + X), o.lineTo(u + X, M + X), o.closePath()), o.fillStyle = s.color ? s.color : "black", o.globalAlpha = s.opacity !== void 0 ? s.opacity : 1, o.fill(), j && (o.lineWidth = 1, o.strokeStyle = "black", o.stroke()));
+        };
+        m.forEach((s) => g(s, !1)), h.forEach((s) => g(s, !0)), ((s, j) => s.length !== j.length ? !0 : !s.every((u, M) => {
+          const b = j[M];
+          return u.x === b.x && u.y === b.y && u.r === b.r && u.shape === b.shape && u.color === b.color && u.opacity === b.opacity;
+        }))(p, l) && (e.onDisplayedPointsChange && e.onDisplayedPointsChange(l), kt(l));
+      }
+    }
+  }, [y, x, _, e, p]), Bt = /* @__PURE__ */ i.jsx(
+    ht,
+    {
+      textAnchor: "middle",
+      verticalAnchor: "end",
+      angle: -90,
+      fontSize: 15,
+      y: x / 2,
+      x: 0,
+      dx: -50,
+      children: e.leftAxisLabel
+    }
+  ), Rt = /* @__PURE__ */ i.jsx(ht, { textAnchor: "middle", verticalAnchor: "start", fontSize: 15, y: x, x: y / 2, dy: 50, children: e.bottomAxisLabel }), nt = (t, n = 5) => {
+    const [a, o] = t.domain();
+    if (n < 2) return [a, o];
+    const r = (o - a) / (n - 1);
+    return Array.from({
+      length: n
+    }, (m, h) => a + h * r);
+  };
+  Gt(e.ref, () => ({
+    downloadSVG: () => {
+      w.current && ct(w.current, e.downloadFileName ?? "scatter_plot.svg");
+    },
+    downloadPNG: () => {
+      w.current && qt(w.current, e.downloadFileName ?? "scatter_plot.png");
+    }
+  }));
+  const ot = () => {
+    w.current && ct(w.current, e.downloadFileName ?? "scatter_plot.svg");
+  };
+  function It(t, n, a) {
+    const o = a * Math.sqrt(3), r = `${t},${n - 2 / 3 * o}`, m = `${t - a},${n + 1 / 3 * o}`, h = `${t + a},${n + 1 / 3 * o}`;
+    return `${r} ${m} ${h}`;
+  }
+  return /* @__PURE__ */ i.jsx("div", { ref: xt, style: {
+    width: "100%",
+    height: "100%",
+    position: "relative"
+  }, children: /* @__PURE__ */ i.jsx(mt, { width: y, height: x, scaleXMin: 1 / 2, scaleXMax: 10, scaleYMin: 1 / 2, scaleYMax: 10, initialTransformMatrix: ae, children: (t) => {
+    const n = F(T, t.transformMatrix.translateX, t.transformMatrix.scaleX), a = V(L, t.transformMatrix.translateY, t.transformMatrix.scaleY), o = f && n(f.x) >= 0 && n(f.x) <= y && a(f.y) >= 0 && a(f.y) <= x, r = () => {
+      t.scale({
+        scaleX: 1.2,
+        scaleY: 1.2
+      });
+    }, m = () => {
+      t.scale({
+        scaleX: 0.8,
+        scaleY: 0.8
+      });
+    }, h = () => {
+      t.reset();
+    };
+    return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      !e.disableZoom && /* @__PURE__ */ i.jsx(at, { direction: "column", sx: {
+        position: "absolute",
+        left: e.controlsPosition === "left" ? 10 : e.controlsPosition === "bottom" ? "50%" : null,
+        right: e.controlsPosition === "right" ? 10 : null,
+        top: e.controlsPosition === "bottom" ? null : "50%",
+        bottom: e.controlsPosition === "bottom" ? 10 : null,
+        transform: e.controlsPosition === "bottom" ? "translateX(-50%)" : "translateY(-50%)",
+        zIndex: 10
+      }, children: /* @__PURE__ */ i.jsx(Nt, { selectable: St, resetable: t.transformMatrix !== t.initialTransformMatrix, handleSelectionModeChange: Tt, selectMode: d, zoomIn: r, zoomOut: m, zoomReset: h, position: e.controlsPosition, highlight: e.controlsHighlight, downloadButton: k, downloadPlot: ot }) }),
+      ["topRight", "topLeft", "bottomRight", "bottomLeft"].includes(k) && /* @__PURE__ */ i.jsx(st, { title: "Download Plot as PNG", children: /* @__PURE__ */ i.jsx(lt, { "aria-label": "download", onClick: () => ot(), sx: {
+        position: "absolute",
+        zIndex: 10,
+        ...k === "topRight" && {
+          top: 10,
+          right: 10
+        },
+        ...k === "topLeft" && {
+          top: 10,
+          left: 10
+        },
+        ...k === "bottomRight" && {
+          bottom: 10,
+          right: 10
+        },
+        ...k === "bottomLeft" && {
+          bottom: 10,
+          left: 10
+        }
+      }, children: /* @__PURE__ */ i.jsx(Ot, {}) }) }),
+      /* @__PURE__ */ i.jsx(at, { justifyContent: "center", alignItems: "center", direction: "row", sx: {
+        position: "relative"
+      }, children: /* @__PURE__ */ i.jsx(rt, { sx: {
+        width: P,
+        height: P
+      }, children: e.loading ? /* @__PURE__ */ i.jsx(rt, { display: "flex", width: "100%", height: "100%", sx: {
+        justifyContent: "center",
+        alignItems: "center"
+      }, children: /* @__PURE__ */ i.jsx(pt, {}) }) : /* @__PURE__ */ i.jsxs("div", { style: {
+        position: "relative"
+      }, ref: w, children: [
+        /* @__PURE__ */ i.jsx("canvas", { ref: (l) => {
+          l && !z && Zt(n, a, l);
+        }, width: y * 2, height: x * 2, style: {
+          userSelect: "none",
+          position: "absolute",
+          top: c.top,
+          left: c.left,
+          width: y,
+          height: x,
+          backgroundColor: "transparent"
+        } }),
+        /* @__PURE__ */ i.jsxs("svg", { width: P, height: P, style: {
+          position: "absolute",
+          userSelect: "none"
+        }, onMouseMove: (l) => Ct(l, t), onMouseLeave: $t, children: [
+          /* @__PURE__ */ i.jsxs(ft, { top: c.top, left: c.left, children: [
+            z && e.animation && /* @__PURE__ */ i.jsx("g", { children: e.pointData.map((l, g) => {
+              const v = zt.g, s = Math.floor(g / (e.animationGroupSize ?? 1)), j = Ut(e.animation, s, e.animationBuffer ?? 0.03), u = n(l.x), M = a(l.y);
+              if (u < 0 || u > y || M < 0 || M > x) return null;
+              const b = l.r ?? 3;
+              return /* @__PURE__ */ i.jsx(v, { ...j, children: l.shape === "triangle" ? /* @__PURE__ */ i.jsx("polygon", { points: It(u, M, b), fill: l.color ?? "black", opacity: l.opacity ?? 1 }) : /* @__PURE__ */ i.jsx("circle", { cx: u, cy: M, r: b, fill: l.color ?? "black", opacity: l.opacity ?? 1 }) }, `pt-${g}`);
+            }) }),
+            d === "select" && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+              C.map((l, g) => /* @__PURE__ */ i.jsx(_t, { fill: "transparent", stroke: "black", strokeWidth: 3, data: l, curve: te, x: (v) => v.x, y: (v) => v.y }, `line-${g}`)),
+              D && /* @__PURE__ */ i.jsxs("g", { children: [
+                /* @__PURE__ */ i.jsx("line", { x1: $ - c.left + I - 6, y1: E - c.top + W, x2: $ - c.left + I + 6, y2: E - c.top + W, stroke: "black", strokeWidth: 1 }),
+                /* @__PURE__ */ i.jsx("line", { x1: $ - c.left + I, y1: E - c.top + W - 6, x2: $ - c.left + I, y2: E - c.top + W + 6, stroke: "black", strokeWidth: 1 }),
+                /* @__PURE__ */ i.jsx("circle", { cx: $ - c.left, cy: E - c.top, r: 4, fill: "transparent", stroke: "black", pointerEvents: "none" })
+              ] })
+            ] }),
+            /* @__PURE__ */ i.jsx("rect", { ref: H, fill: "transparent", width: y, height: x, style: {
+              cursor: e.disableZoom ? e.selectable ? D ? "none" : "crosshair" : D ? "none" : "default" : f ? "default" : d === "select" ? D ? "none" : "crosshair" : t.isDragging ? "grabbing" : "grab"
+            }, onMouseDown: d === "none" ? void 0 : d === "select" ? tt : e.disableZoom ? void 0 : t.dragStart, onMouseUp: d === "none" ? void 0 : d === "select" ? (l) => {
+              U(l), q(t);
+            } : e.disableZoom ? void 0 : t.dragEnd, onMouseMove: d === "none" ? void 0 : d === "select" ? D ? et : void 0 : e.disableZoom ? void 0 : t.dragMove, onMouseLeave: d === "none" ? void 0 : d === "select" ? (l) => {
+              U(l), q(t);
+            } : e.disableZoom ? void 0 : t.dragEnd, onTouchStart: d === "none" ? void 0 : d === "select" ? tt : e.disableZoom ? void 0 : t.dragStart, onTouchEnd: d === "none" ? void 0 : d === "select" ? (l) => {
+              U(l), q(t);
+            } : e.disableZoom ? void 0 : t.dragEnd, onTouchMove: d === "none" ? void 0 : d === "select" ? D ? et : void 0 : e.disableZoom ? void 0 : t.dragMove, onWheel: (l) => {
+              if (O(!1), !e.disableZoom) {
+                const g = dt(l) || {
+                  x: 0,
+                  y: 0
+                }, v = l.deltaY < 0 ? 1.1 : 0.9;
+                t.scale({
+                  scaleX: v,
+                  scaleY: v,
+                  point: g
+                });
+              }
+            }, onClick: Et })
+          ] }),
+          /* @__PURE__ */ i.jsxs(ft, { top: c.top, left: c.left, children: [
+            /* @__PURE__ */ i.jsx(ee, { scale: a, tickLabelProps: () => ({
+              fill: "#1c1917",
+              fontSize: 10,
+              textAnchor: "end",
+              verticalAnchor: "middle",
+              x: -10
+            }), tickValues: nt(a, 5) }),
+            /* @__PURE__ */ i.jsx(ne, { top: x, scale: n, tickLabelProps: () => ({
+              fill: "#1c1917",
+              fontSize: 11,
+              textAnchor: "middle"
+            }), tickValues: nt(n, 5) }),
+            Bt,
+            Rt
+          ] })
+        ] })
+      ] }) }) }),
+      e.miniMap && !e.disableZoom && /* @__PURE__ */ i.jsx(st, { title: "Toggle Minimap", children: /* @__PURE__ */ i.jsx(lt, { sx: {
+        position: "absolute",
+        right: 10,
+        bottom: 10,
+        zIndex: 10,
+        width: "auto",
+        height: "auto",
+        color: N ? e.controlsHighlight ? e.controlsHighlight : "primary.main" : "default"
+      }, size: "small", onClick: Lt, children: /* @__PURE__ */ i.jsx(Ft, {}) }) }),
+      N && e.miniMap && !e.disableZoom && !e.loading && /* @__PURE__ */ i.jsx(Vt, { miniMap: e.miniMap, width: P, height: P, pointData: e.pointData, xScale: T, yScale: L, zoom: t }),
+      !e.disableTooltip && vt && A && o && /* @__PURE__ */ i.jsx(oe, { children: /* @__PURE__ */ i.jsx(ut, { left: jt + 10, top: Dt, children: /* @__PURE__ */ i.jsx(Ht, { tooltipBody: e.tooltipBody, tooltipData: A }) }) })
+    ] });
+  } }) });
+};
+export {
+  Xe as default
+};
+//# sourceMappingURL=visualization.es2.js.map

package/dist/visualization.es2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es2.js","sources":["../src/components/ScatterPlot/scatterplot.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { Zoom as VisxZoom } from '@visx/zoom'\nimport { ZoomProps } from '@visx/zoom/lib/Zoom'\nimport { ChartProps, Line, Lines, Point, ZoomType } from './types';\nimport { Tooltip as VisxTooltip, Portal } from '@visx/tooltip';\nimport { TooltipProps } from '@visx/tooltip/lib/tooltips/Tooltip';\nimport { Group } from '@visx/group';\nimport { scaleLinear } from '@visx/scale';\nimport { AxisBottom, AxisLeft } from '@visx/axis';\nimport { LinePath } from '@visx/shape';\nimport { localPoint } from '@visx/event';\nimport { Text } from '@visx/text';\nimport { useDrag } from '@visx/drag';\nimport { curveBasis } from '@visx/curve';\nimport ScatterTooltip from './tooltip';\nimport ControlButtons from './controls';\nimport { Box, IconButton, Stack, Tooltip } from '@mui/material';\nimport { ScaleLinear } from '@visx/vendor/d3-scale';\nimport { HighlightAlt, Download } from \"@mui/icons-material\"\nimport MiniMap from './minimap';\nimport { HandlerArgs } from '@visx/drag/lib/useDrag';\nimport { useParentSize } from '@visx/responsive';\nimport { downloadDivAsPNG, downloadDivAsSVG, getAnimationProps } from '../../utility';\nimport { motion } from \"framer-motion\";\n\nconst initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\n}\n\nconst ScatterPlot = <T extends object, S extends boolean | undefined = undefined, Z extends boolean | undefined = undefined>(\n    props: ChartProps<T, S, Z>\n) => {\n    /**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\n    const Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n    const VisTooltip = VisxTooltip as unknown as React.FC<TooltipProps>;\n\n    const initialState: {\n        minimap: { open: boolean };\n        controls: { selectionType: \"pan\" | \"select\" | \"none\" }\n    } = {\n        minimap: {\n            open: props.initialState?.minimap?.open ?? false,\n        },\n        controls: {\n            selectionType: props.initialState?.controls?.selectionType ? props.initialState?.controls?.selectionType : props.selectable ? \"select\" : \"pan\",\n        }\n    }\n\n    const { parentRef, width: parentWidth, height: parentHeight } = useParentSize();\n    const size = Math.min(parentHeight, parentWidth)\n\n    const graphRef = useRef<SVGRectElement | null>(null);\n    const divRef = React.useRef<HTMLDivElement>(null);\n\n    const [tooltipData, setTooltipData] = React.useState<Point<T> | null>(null);\n    const [tooltipOpen, setTooltipOpen] = React.useState(false);\n    const [lines, setLines] = useState<Lines>([]);\n    const [selectMode, setSelectMode] = useState<\"select\" | \"pan\" | \"none\">(initialState.controls.selectionType);\n    const [showMiniMap, setShowMiniMap] = useState<boolean>(initialState.minimap.open);\n    const [mouseX, setMouseX] = useState(0);\n    const [mouseY, setMouseY] = useState(0);\n    const selectable = props.selectable ? props.selectable : false;\n    const margin = { top: 20, right: 20, bottom: 70, left: 70 };\n    const boundedWidth = Math.min(size * 0.9, size * 0.9) - margin.left;\n    const boundedHeight = boundedWidth;\n    const hoveredPoint = tooltipData ? props.pointData.find(point => point.x === tooltipData.x && point.y === tooltipData.y) : null;\n    const [previousDisplayedPoints, setPreviousDisplayedPoints] = useState<Point<T>[]>([])\n    const downloadButton = props.downloadButton ?? \"none\"\n    const [showPointAnimation, setShowPointAnimation] = useState(Boolean(props.animation));\n\n    useEffect(() => {\n        if (!props.animation) return;\n        if(props.pointData.length > 2500) {\n            setShowPointAnimation(false);\n            return;\n        }\n        const duration = 450;\n        const buffer = (props.animationBuffer ?? 0.03) * 1000;\n        const groups = Math.ceil(props.pointData.length / (props.animationGroupSize ?? 1));\n        const total = duration + groups * buffer;\n\n        const t = window.setTimeout(() => setShowPointAnimation(false), total);\n        return () => window.clearTimeout(t);\n    }, [props.animation, props.animationBuffer, props.animationGroupSize, props.pointData.length]);\n\n\n    useEffect(() => {\n        const graphElement = graphRef.current;\n\n        const handleWheel = (event: WheelEvent) => {\n            event.preventDefault(); //prevent scrolling using wheel\n        };\n\n        const handleTouchMove = (event: TouchEvent) => {\n            event.preventDefault(); // Prevent scrolling during any touch movement\n        };\n\n        const handleTouchStart = (event: TouchEvent) => {\n            event.preventDefault(); // Prevent scrolling on touch start\n        };\n\n        if (graphElement) {\n            graphElement.addEventListener('wheel', handleWheel, { passive: false });\n            graphElement.addEventListener('touchstart', handleTouchStart, { passive: false });\n            graphElement.addEventListener('touchmove', handleTouchMove, { passive: false });\n        }\n\n        return () => {\n            if (graphElement) {\n                graphElement.removeEventListener('wheel', handleWheel);\n                graphElement.removeEventListener('touchstart', handleTouchStart);\n                graphElement.removeEventListener('touchmove', handleTouchMove);\n            }\n        };\n    }, [graphRef]);\n\n    const handleSelectionModeChange = (mode: \"select\" | \"pan\" | \"none\") => {\n        setSelectMode(mode);\n    };\n\n    const toggleMiniMap = () => {\n        setShowMiniMap(!showMiniMap);\n    };\n\n    const groupedPoints: Point<T>[] = useMemo(() => {\n        const anchor = props.groupPointsAnchor\n        if (anchor && hoveredPoint) {\n            return props.pointData.filter((point) => {\n                if (anchor in point) {\n                    // If the anchor is a key of Point<T>, compare directly\n                    return point[anchor as keyof Point<T>] === hoveredPoint[anchor as keyof Point<T>];\n                } else if (point.metaData && hoveredPoint.metaData) {\n                    // If the anchor is a key of T (metaData), compare inside metaData\n                    return point.metaData[anchor as keyof T] === hoveredPoint.metaData[anchor as keyof T];\n                }\n                return false;\n            });\n        } else if (hoveredPoint) {\n            return ([hoveredPoint]);\n        } else {\n            return ([])\n        }\n    }, [hoveredPoint, props.groupPointsAnchor, props.pointData])\n\n    //rescale x and y scales when zooming\n    //converts to pixel values before applying transformations\n    const rescaleX = (scale: ScaleLinear<number, number, never>, translateX: number, scaleX: number) => {\n        const newXDomain = scale\n            .range()\n            .map((r) =>\n                scale.invert(\n                    (r - translateX) / scaleX\n                )\n            );\n        return scale.copy().domain(newXDomain);\n    };\n\n    const rescaleY = (scale: ScaleLinear<number, number, never>, translateY: number, scaleY: number) => {\n        const newXDomain = scale\n            .range()\n            .map((r) =>\n                scale.invert(\n                    (r - translateY) / scaleY\n                )\n            );\n        return scale.copy().domain(newXDomain);\n    };\n\n    //scales for the x and y axes\n    const xScale = useMemo(() => {\n        if (!props.pointData || props.pointData.length === 0) return scaleLinear({ domain: [0, 1], range: [0, boundedWidth] });\n        return scaleLinear({\n            domain: [\n                Math.min(...props.pointData.map(d => d.x)) - 1,\n                Math.max(...props.pointData.map(d => d.x)) + 1,\n            ],\n            range: [0, boundedWidth],\n        });\n    }, [props.pointData, boundedWidth]);\n\n    const yScale = useMemo(() => {\n        if (!props.pointData || props.pointData.length === 0) return scaleLinear({ domain: [0, 1], range: [boundedHeight, 0] });\n        return scaleLinear({\n            domain: [\n                Math.min(...props.pointData.map(d => d.y)) - 1,\n                Math.max(...props.pointData.map(d => d.y)) + 1,\n            ],\n            range: [boundedHeight, 0], // Y-axis is inverted\n        });\n    }, [props.pointData, boundedHeight]);\n\n    // Setup dragging for lasso drawing\n    const onDragStart = useCallback(\n        (currDrag: HandlerArgs) => {\n            if (selectMode === \"select\" && currDrag?.x !== undefined && currDrag?.y !== undefined) {\n                // add the new line with the starting point\n                const adjustedX = (currDrag.x - margin.left);\n                const adjustedY = (currDrag.y - margin.top);\n                setLines((currLines) => [...currLines, [{ x: adjustedX, y: adjustedY }]]);\n            }\n        },\n        [selectMode, margin.left, margin.top],\n    );\n\n    const onDragMove = useCallback(\n        (currDrag: HandlerArgs) => {\n            if (selectMode === \"select\" && currDrag?.x !== undefined && currDrag?.y !== undefined) {\n                // add the new point to the current line\n                const adjustedX = (currDrag.x - margin.left);\n                const adjustedY = (currDrag.y - margin.top);\n                setLines((currLines) => {\n                    const nextLines = [...currLines];\n                    const newPoint = { x: adjustedX + currDrag.dx, y: adjustedY + currDrag.dy };\n                    const lastIndex = nextLines.length - 1;\n                    nextLines[lastIndex] = [...(nextLines[lastIndex] || []), newPoint];\n                    return nextLines;\n                });\n            }\n        },\n        [selectMode, margin.left, margin.top],\n    );\n\n    //find all points within the drawn lasso for selection purposes\n    const isPointInLasso = (point: { x: number; y: number }, lasso: Line): boolean => {\n        let inside = false;\n        //itterate through lasso, j starting at last point (closing the polygon) and taking the value of the previous point on subsequent calls\n        for (let i = 0, j = lasso.length - 1; i < lasso.length; j = i++) {\n            const xi = lasso[i].x, yi = lasso[i].y; //current vertex\n            const xj = lasso[j].x, yj = lasso[j].y; //previous vertex\n\n            //ray tracing using imaginary horizontal ray coming from the point extending to the right\n            const intersect = ((yi > point.y) !== (yj > point.y)) && //does the ray intersect the line segment from the current to the previous vertex?\n                (point.x < (xj - xi) * (point.y - yi) / (yj - yi) + xi); //is the point to the left of the segment?\n            if (intersect) inside = !inside; //toggles everytime the ray intersects the lasso, if twice it will go back to false since it crossed the lasso twice\n            //if the ray crosses the lasso an even amount of times -> outside, odd -> inside\n        }\n        return inside;\n    };\n\n    const onDragEnd = useCallback(\n        (zoom: ZoomType) => {\n            if (selectMode === \"select\") {\n                if (lines.length === 0) return;\n\n                const lasso = lines[lines.length - 1];\n                const xScaleTransformed = rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX);\n                const yScaleTransformed = rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY);\n\n                const pointsInsideLasso = props.pointData.filter((point) => {\n                    const scaledPoint = {\n                        x: xScaleTransformed(point.x),\n                        y: yScaleTransformed(point.y),\n                    };\n                    return isPointInLasso(scaledPoint, lasso);\n                });\n\n                if (props.onSelectionChange) {\n                    props.onSelectionChange(pointsInsideLasso);\n                }\n                setLines([]);\n            } else {\n                setLines([]);\n            }\n        },\n        [selectMode, lines, xScale, yScale, props]\n    );\n\n    //visx draggable variables (canot declare before functions)\n    const {\n        x = 0,\n        y = 0,\n        dx,\n        dy,\n        isDragging,\n        dragStart,\n        dragEnd,\n        dragMove,\n    } = useDrag({\n        onDragStart,\n        onDragMove,\n        resetOnStart: true,\n    });\n\n    //find the closest point to cursor within threshold to show the tooltip\n    const handleMouseMove = useCallback(\n        (event: React.MouseEvent<SVGElement>, zoom: ZoomType) => {\n            if (isDragging || zoom.isDragging) {\n                setTooltipOpen(false);\n                setTooltipData(null);\n                return;\n            }\n\n            setMouseX(event.pageX);\n            setMouseY(event.pageY);\n\n            const point = localPoint(event.currentTarget, event);\n            if (!point) return;\n            const adjustedX = point.x - margin.left;\n            const adjustedY = point.y - margin.top;\n\n            //rescale the x and y coordinates with the current zoom state\n            const xScaleTransformed = rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX);\n            const yScaleTransformed = rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY);\n\n            const threshhold = 5;\n\n            //find the exact point being hovered over within the threshhold\n            const hoveredPoint = props.pointData.find((curr) => {\n                const transformedX = xScaleTransformed(curr.x);\n                const transformedY = yScaleTransformed(curr.y);\n                return (\n                    Math.abs(adjustedX - transformedX) < threshhold &&\n                    Math.abs(adjustedY - transformedY) < threshhold\n                );\n            });\n\n            if (hoveredPoint) {\n                setTooltipData(hoveredPoint);\n                setTooltipOpen(true);\n            } else {\n                setTooltipData(null);\n                setTooltipOpen(false);\n            }\n        }, [isDragging, props.pointData, margin.left, margin.top, xScale, yScale]\n    );\n\n\n    const handleMouseLeave = useCallback(() => {\n        setTooltipOpen(false);\n        setTooltipData(null);\n    }, []);\n\n    const handleClick = () => {\n        if (!props.onPointClicked || !hoveredPoint) return;\n\n        if (hoveredPoint) {\n            props.onPointClicked(hoveredPoint);\n        }\n    };\n\n    const drawPoints = useCallback((xScaleTransformed: ScaleLinear<number, number, never>, yScaleTransformed: ScaleLinear<number, number, never>, canvas: HTMLCanvasElement) => {\n        if (canvas) {\n            const context = canvas.getContext('2d');\n\n            if (context) {\n                context.setTransform(2, 0, 0, 2, 0, 0);\n\n                // Clear the canvas before rendering\n                context.clearRect(0, 0, boundedWidth, boundedHeight);\n\n                const hoveredPoints = new Set(groupedPoints.map(gp => `${gp.x},${gp.y}`));\n\n                const nonHoveredPoints = props.pointData.filter(\n                    (point) => !hoveredPoints.has(`${point.x},${point.y}`)\n                );\n                const hoveredOnlyPoints = props.pointData.filter(\n                    (point) => hoveredPoints.has(`${point.x},${point.y}`)\n                );\n\n                const displayedPoints: Point<T>[] = [];\n\n                const drawPoint = (point: Point<T>, isHovered: boolean) => {\n\n                    const transformedX = xScaleTransformed(point.x);\n                    const transformedY = yScaleTransformed(point.y);\n\n                    const isPointWithinBounds =\n                        xScaleTransformed(point.x) >= 0 &&\n                        xScaleTransformed(point.x) <= boundedWidth &&\n                        yScaleTransformed(point.y) >= 0 &&\n                        yScaleTransformed(point.y) <= boundedHeight;\n\n                    const size = (point.r || 3) + (isHovered ? 2 : 0);\n\n                    if (isPointWithinBounds) {\n                        displayedPoints.push(point);\n\n                        context.beginPath();\n\n                        if (!point.shape || point.shape === \"circle\") {\n                            context.arc(transformedX, transformedY, size, 0, Math.PI * 2);\n                        } else if (point.shape === \"triangle\") {\n                            context.moveTo(transformedX, transformedY - size);\n                            context.lineTo(transformedX - size, transformedY + size);\n                            context.lineTo(transformedX + size, transformedY + size);\n                            context.closePath();\n                        }\n\n                        context.fillStyle = point.color ? point.color : \"black\";\n                        context.globalAlpha = point.opacity !== undefined ? point.opacity : 1;\n                        context.fill();\n\n                        if (isHovered) {\n                            context.lineWidth = 1;\n                            context.strokeStyle = \"black\";\n                            context.stroke();\n                        }\n                    }\n\n                };\n\n                // First draw all non-hovered points then render hovered points on top\n                nonHoveredPoints.forEach((point) => drawPoint(point, false));\n                hoveredOnlyPoints.forEach((point) => drawPoint(point, true));\n\n                const haveDisplayedPointsChanged = (prevPoints: Point<T>[], newPoints: Point<T>[]): boolean => {\n                    if (prevPoints.length !== newPoints.length) return true;\n                    return !prevPoints.every((point, index) => {\n                        const newPoint = newPoints[index];\n                        return (\n                            point.x === newPoint.x &&\n                            point.y === newPoint.y &&\n                            point.r === newPoint.r &&\n                            point.shape === newPoint.shape &&\n                            point.color === newPoint.color &&\n                            point.opacity === newPoint.opacity\n                        );\n                    });\n                };\n\n                if (haveDisplayedPointsChanged(previousDisplayedPoints, displayedPoints)) {\n                    if (props.onDisplayedPointsChange) {\n                        props.onDisplayedPointsChange(displayedPoints);\n                    }\n                    setPreviousDisplayedPoints(displayedPoints); // Update the reference to the current set\n                }\n\n            }\n        }\n    }, [boundedWidth, boundedHeight, groupedPoints, props, previousDisplayedPoints])\n\n    //Axis styling\n    const axisLeftLabel = (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            angle={-90}\n            fontSize={15}\n            y={boundedHeight / 2}\n            x={0}\n            dx={-50} //adjust to move outside of chart area\n        >\n            {props.leftAxisLabel}\n        </Text>\n    );\n\n    const axisBottomLabel = (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"start\"\n            fontSize={15}\n            y={boundedHeight}\n            x={boundedWidth / 2}\n            dy={50}\n        >\n            {props.bottomAxisLabel}\n        </Text>\n    );\n\n    const getTicks = (\n        scale: ScaleLinear<number, number, never>,\n        total = 5 // total ticks including endpoints\n    ) => {\n        const [min, max] = scale.domain();\n        if (total < 2) return [min, max];\n\n        const step = (max - min) / (total - 1);\n        return Array.from({ length: total }, (_, i) => min + i * step);\n    };\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (divRef.current) downloadDivAsPNG(divRef.current, props.downloadFileName ?? \"scatter_plot.png\");\n        },\n    }));\n\n    //internal download if user wants to use hardcoded button\n    const handleDownload = () => {\n        if (divRef.current) downloadDivAsSVG(divRef.current, props.downloadFileName ?? \"scatter_plot.svg\");\n    };\n\n    function getTrianglePoints(cx: number, cy: number, r: number) {\n        // equilateral triangle centered at cx, cy\n        const height = r * Math.sqrt(3);\n\n        const p1 = `${cx},${cy - (2 / 3) * height}`;\n        const p2 = `${cx - r},${cy + (1 / 3) * height}`;\n        const p3 = `${cx + r},${cy + (1 / 3) * height}`;\n\n        return `${p1} ${p2} ${p3}`;\n    }\n\n\n    return (\n        <div ref={parentRef} style={{ width: \"100%\", height: \"100%\", position: \"relative\" }}>\n            <Zoom width={boundedWidth} height={boundedHeight} scaleXMin={1 / 2} scaleXMax={10} scaleYMin={1 / 2} scaleYMax={10} initialTransformMatrix={initialTransformMatrix}>\n                {(zoom) => {\n                    // rescale as we zoom and pan\n                    const xScaleTransformed = rescaleX(xScale, zoom.transformMatrix.translateX, zoom.transformMatrix.scaleX);\n                    const yScaleTransformed = rescaleY(yScale, zoom.transformMatrix.translateY, zoom.transformMatrix.scaleY);\n                    const isHoveredPointWithinBounds = hoveredPoint &&\n                        xScaleTransformed(hoveredPoint.x) >= 0 &&\n                        xScaleTransformed(hoveredPoint.x) <= boundedWidth &&\n                        yScaleTransformed(hoveredPoint.y) >= 0 &&\n                        yScaleTransformed(hoveredPoint.y) <= boundedHeight;\n\n                    const handleZoomIn = () => {\n                        zoom.scale({ scaleX: 1.2, scaleY: 1.2 });\n                    }\n\n                    const handleZoomOut = () => {\n                        zoom.scale({ scaleX: 0.8, scaleY: 0.8 });\n                    }\n\n                    const handleZoomReset = () => {\n                        zoom.reset();\n                    }\n\n                    return (\n                        <>\n                            {!props.disableZoom && (\n                                <Stack\n                                    direction=\"column\"\n                                    sx={{\n                                        position: 'absolute',\n                                        left: props.controlsPosition === \"left\" ? 10 : props.controlsPosition === \"bottom\" ? \"50%\" : null,\n                                        right: props.controlsPosition === \"right\" ? 10 : null,\n                                        top: props.controlsPosition === \"bottom\" ? null : '50%',\n                                        bottom: props.controlsPosition === \"bottom\" ? 10 : null,\n                                        transform: props.controlsPosition === \"bottom\" ? 'translateX(-50%)' : 'translateY(-50%)',\n                                        zIndex: 10\n                                    }}\n                                >\n                                    <ControlButtons\n                                        selectable={selectable}\n                                        resetable={zoom.transformMatrix !== zoom.initialTransformMatrix}\n                                        handleSelectionModeChange={handleSelectionModeChange}\n                                        selectMode={selectMode}\n                                        zoomIn={handleZoomIn}\n                                        zoomOut={handleZoomOut}\n                                        zoomReset={handleZoomReset}\n                                        position={props.controlsPosition}\n                                        highlight={props.controlsHighlight}\n                                        downloadButton={downloadButton}\n                                        downloadPlot={handleDownload}\n                                    />\n                                </Stack>\n                            )}\n                            {/* download button based on positioning */}\n                            {[\"topRight\", \"topLeft\", \"bottomRight\", \"bottomLeft\"].includes(downloadButton) && (\n                                <Tooltip title=\"Download Plot as PNG\">\n                                    <IconButton\n                                        aria-label=\"download\"\n                                        onClick={() => handleDownload()}\n                                        sx={{\n                                            position: \"absolute\",\n                                            zIndex: 10,\n                                            ...(downloadButton === \"topRight\" && { top: 10, right: 10 }),\n                                            ...(downloadButton === \"topLeft\" && { top: 10, left: 10 }),\n                                            ...(downloadButton === \"bottomRight\" && { bottom: 10, right: 10 }),\n                                            ...(downloadButton === \"bottomLeft\" && { bottom: 10, left: 10 }),\n                                        }}\n                                    >\n                                        <Download />\n                                    </IconButton>\n                                </Tooltip>\n                            )}\n                            {/* Zoomable Group for Points */}\n                            <Stack justifyContent=\"center\" alignItems=\"center\" direction=\"row\" sx={{ position: \"relative\" }}>\n                                <Box sx={{ width: size, height: size }} >\n                                    {props.loading ? (\n                                        <Box display=\"flex\" width={\"100%\"} height={\"100%\"} sx={{ justifyContent: \"center\", alignItems: \"center\" }}>\n                                            <CircularProgress />\n                                        </Box>\n                                    ) : (\n                                        <div style={{ position: 'relative' }} ref={divRef} >\n                                            <canvas\n                                                ref={(canvas) => {\n                                                    if (canvas && !showPointAnimation) {\n                                                        drawPoints(xScaleTransformed, yScaleTransformed, canvas);\n                                                    }\n                                                }}\n                                                width={boundedWidth * 2}\n                                                height={boundedHeight * 2}\n                                                style={{\n                                                    userSelect: 'none',\n                                                    position: \"absolute\",\n                                                    top: margin.top,\n                                                    left: margin.left,\n                                                    width: boundedWidth,\n                                                    height: boundedHeight,\n                                                    backgroundColor: \"transparent\"\n                                                }}\n                                            />\n                                            <svg\n                                                width={size}\n                                                height={size}\n                                                style={{\n                                                    position: \"absolute\",\n                                                    userSelect: 'none',\n                                                }}\n                                                onMouseMove={(e) => handleMouseMove(e, zoom)} onMouseLeave={handleMouseLeave}\n                                            >\n                                                <Group top={margin.top} left={margin.left}>\n                                                    {/* Animate points */}\n                                                    {showPointAnimation && props.animation && (\n                                                    <g>\n                                                        {props.pointData.map((pt, i) => {\n                                                            const Wrapper = motion.g;\n                                                            const index = Math.floor(i / (props.animationGroupSize ?? 1));\n                                                            const animProps = getAnimationProps(props.animation, index, props.animationBuffer ?? 0.03);\n\n                                                            const cx = xScaleTransformed(pt.x);\n                                                            const cy = yScaleTransformed(pt.y);\n                                                            if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n\n                                                            const r = pt.r ?? 3;\n\n                                                            return (\n                                                                <Wrapper key={`pt-${i}`} {...animProps}>\n                                                                    {pt.shape === \"triangle\" ? (\n                                                                        <polygon\n                                                                            points={getTrianglePoints(cx, cy, r)}\n                                                                            fill={pt.color ?? \"black\"}\n                                                                            opacity={pt.opacity ?? 1}\n                                                                        />\n                                                                    ) : (\n                                                                        <circle\n                                                                            cx={cx}\n                                                                            cy={cy}\n                                                                            r={r}\n                                                                            fill={pt.color ?? \"black\"}\n                                                                            opacity={pt.opacity ?? 1}\n                                                                        />\n                                                                    )}\n                                                                </Wrapper>\n                                                            );\n                                                        })}\n                                                    </g>\n                                                    )}\n                                                    {selectMode === \"select\" && (\n                                                        <>\n                                                            {/* Render lasso */}\n                                                            {lines.map((line, i) => (\n                                                                <LinePath\n                                                                    key={`line-${i}`}\n                                                                    fill=\"transparent\"\n                                                                    stroke=\"black\"\n                                                                    strokeWidth={3}\n                                                                    data={line}\n                                                                    curve={curveBasis}\n                                                                    x={(d) => d.x}\n                                                                    y={(d) => d.y}\n                                                                />\n                                                            ))}\n\n                                                            {isDragging && (\n                                                                <g>\n                                                                    {/* Crosshair styling */}\n                                                                    <line\n                                                                        x1={x - margin.left + dx - 6}\n                                                                        y1={y - margin.top + dy}\n                                                                        x2={x - margin.left + dx + 6}\n                                                                        y2={y - margin.top + dy}\n                                                                        stroke=\"black\"\n                                                                        strokeWidth={1}\n                                                                    />\n                                                                    <line\n                                                                        x1={x - margin.left + dx}\n                                                                        y1={y - margin.top + dy - 6}\n                                                                        x2={x - margin.left + dx}\n                                                                        y2={y - margin.top + dy + 6}\n                                                                        stroke=\"black\"\n                                                                        strokeWidth={1}\n                                                                    />\n                                                                    <circle cx={x - margin.left} cy={y - margin.top} r={4} fill=\"transparent\" stroke=\"black\" pointerEvents=\"none\" />\n                                                                </g>\n                                                            )}\n                                                        </>\n                                                    )}\n\n                                                    {/* Interactable surface */}\n                                                    <rect\n                                                        ref={graphRef}\n                                                        fill=\"transparent\"\n                                                        width={boundedWidth}\n                                                        height={boundedHeight}\n                                                        style={{\n                                                            cursor: props.disableZoom\n                                                                ? props.selectable\n                                                                    ? isDragging ? 'none' : 'crosshair'\n                                                                    : isDragging ? 'none' : 'default'\n                                                                : hoveredPoint\n                                                                    ? 'default'\n                                                                    : selectMode === 'select'\n                                                                        ? isDragging ? 'none' : 'crosshair'\n                                                                        : zoom.isDragging\n                                                                            ? 'grabbing'\n                                                                            : 'grab',\n                                                        }}\n                                                        onMouseDown={selectMode === \"none\" ? undefined : selectMode === \"select\" ? dragStart : props.disableZoom ? undefined : zoom.dragStart}\n                                                        onMouseUp={selectMode === \"none\" ? undefined : selectMode === \"select\" ? (event) => {\n                                                            dragEnd(event);\n                                                            onDragEnd(zoom);\n                                                        } : props.disableZoom ? undefined : zoom.dragEnd}\n                                                        onMouseMove={selectMode === \"none\" ? undefined : selectMode === \"select\" ? (isDragging ? dragMove : undefined) : props.disableZoom ? undefined : zoom.dragMove}\n                                                        onMouseLeave={selectMode === \"none\" ? undefined : selectMode === \"select\" ? (event) => {\n                                                            dragEnd(event);\n                                                            onDragEnd(zoom);\n                                                        } : props.disableZoom ? undefined : zoom.dragEnd}\n                                                        onTouchStart={selectMode === \"none\" ? undefined : selectMode === \"select\" ? dragStart : props.disableZoom ? undefined : zoom.dragStart}\n                                                        onTouchEnd={selectMode === \"none\" ? undefined : selectMode === \"select\" ? (event) => {\n                                                            dragEnd(event);\n                                                            onDragEnd(zoom);\n                                                        } : props.disableZoom ? undefined : zoom.dragEnd}\n                                                        onTouchMove={selectMode === \"none\" ? undefined : selectMode === \"select\" ? (isDragging ? dragMove : undefined) : props.disableZoom ? undefined : zoom.dragMove}\n                                                        onWheel={(event) => {\n                                                            setShowPointAnimation(false);\n                                                            if (!props.disableZoom) {\n                                                                const point = localPoint(event) || { x: 0, y: 0 };\n                                                                const zoomDirection = event.deltaY < 0 ? 1.1 : 0.9;\n                                                                zoom.scale({ scaleX: zoomDirection, scaleY: zoomDirection, point });\n                                                            }\n                                                        }}\n                                                        onClick={handleClick}\n                                                    />\n                                                </Group>\n\n                                                {/* Static Axes Group */}\n                                                <Group top={margin.top} left={margin.left}>\n                                                    <AxisLeft\n                                                        scale={yScaleTransformed}\n                                                        tickLabelProps={() => ({\n                                                            fill: '#1c1917',\n                                                            fontSize: 10,\n                                                            textAnchor: 'end',\n                                                            verticalAnchor: 'middle',\n                                                            x: -10,\n                                                        })}\n                                                        tickValues={getTicks(yScaleTransformed, 5)}\n                                                    />\n                                                    <AxisBottom\n                                                        top={boundedHeight}\n                                                        scale={xScaleTransformed}\n                                                        tickLabelProps={() => ({\n                                                            fill: '#1c1917',\n                                                            fontSize: 11,\n                                                            textAnchor: 'middle',\n                                                        })}\n                                                        tickValues={getTicks(xScaleTransformed, 5)}\n                                                    />\n                                                    {axisLeftLabel}\n                                                    {axisBottomLabel}\n                                                </Group>\n                                            </svg >\n                                        </div>\n                                    )}\n                                </Box>\n                            </Stack>\n                            {\n                                props.miniMap && !props.disableZoom && (\n                                    <Tooltip title=\"Toggle Minimap\">\n                                        <IconButton sx={{ position: 'absolute', right: 10, bottom: 10, zIndex: 10, width: 'auto', height: 'auto', color: showMiniMap ? props.controlsHighlight ? props.controlsHighlight : \"primary.main\" : \"default\" }} size=\"small\" onClick={toggleMiniMap}>\n                                            <HighlightAlt />\n                                        </IconButton>\n                                    </Tooltip>\n                                )\n                            }\n                            {\n                                showMiniMap && props.miniMap && !props.disableZoom && !props.loading && (\n                                    <MiniMap\n                                        miniMap={props.miniMap}\n                                        width={size}\n                                        height={size}\n                                        pointData={props.pointData}\n                                        xScale={xScale}\n                                        yScale={yScale}\n                                        zoom={zoom}\n                                    />\n                                )\n                            }\n\n                            {/* tooltip */}\n                            {\n                                !props.disableTooltip && tooltipOpen && tooltipData && isHoveredPointWithinBounds && (\n                                    <Portal>\n                                        <VisTooltip left={(mouseX + 10)} top={(mouseY)}>\n                                            <ScatterTooltip\n                                                tooltipBody={props.tooltipBody}\n                                                tooltipData={tooltipData}\n                                            />\n                                        </VisTooltip>\n                                    </Portal>\n                                )\n                            }\n                        </>\n                    )\n                }}\n            </Zoom >\n        </div>\n    );\n}\n\nexport default ScatterPlot;"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ScatterPlot","props","Zoom","VisxZoom","VisTooltip","VisxTooltip","initialState","minimap","open","controls","selectionType","selectable","parentRef","width","parentWidth","height","parentHeight","useParentSize","size","Math","min","graphRef","useRef","divRef","React","tooltipData","setTooltipData","useState","tooltipOpen","setTooltipOpen","lines","setLines","selectMode","setSelectMode","showMiniMap","setShowMiniMap","mouseX","setMouseX","mouseY","setMouseY","margin","top","left","boundedWidth","boundedHeight","hoveredPoint","pointData","find","point","x","y","previousDisplayedPoints","setPreviousDisplayedPoints","downloadButton","showPointAnimation","setShowPointAnimation","Boolean","animation","useEffect","length","duration","buffer","animationBuffer","groups","ceil","animationGroupSize","total","t","window","setTimeout","clearTimeout","graphElement","current","handleWheel","event","preventDefault","handleTouchMove","handleTouchStart","addEventListener","passive","removeEventListener","handleSelectionModeChange","mode","toggleMiniMap","groupedPoints","useMemo","anchor","groupPointsAnchor","filter","metaData","rescaleX","scale","newXDomain","range","map","r","invert","copy","domain","rescaleY","xScale","scaleLinear","d","max","yScale","onDragStart","useCallback","currDrag","undefined","adjustedX","adjustedY","currLines","onDragMove","nextLines","newPoint","dx","dy","lastIndex","isPointInLasso","lasso","inside","i","j","xi","yi","xj","yj","onDragEnd","zoom","xScaleTransformed","transformMatrix","yScaleTransformed","pointsInsideLasso","scaledPoint","onSelectionChange","isDragging","dragStart","dragEnd","dragMove","useDrag","resetOnStart","handleMouseMove","pageX","pageY","localPoint","currentTarget","threshhold","curr","transformedX","transformedY","abs","handleMouseLeave","handleClick","onPointClicked","drawPoints","canvas","context","getContext","setTransform","clearRect","hoveredPoints","Set","gp","nonHoveredPoints","has","hoveredOnlyPoints","displayedPoints","drawPoint","isHovered","isPointWithinBounds","push","beginPath","shape","arc","PI","moveTo","lineTo","closePath","fillStyle","color","globalAlpha","opacity","fill","lineWidth","strokeStyle","stroke","forEach","haveDisplayedPointsChanged","prevPoints","newPoints","every","index","onDisplayedPointsChange","axisLeftLabel","jsx","Text","leftAxisLabel","axisBottomLabel","bottomAxisLabel","getTicks","step","Array","from","_","useImperativeHandle","ref","downloadSVG","downloadDivAsSVG","downloadFileName","downloadPNG","downloadDivAsPNG","handleDownload","getTrianglePoints","cx","cy","sqrt","p1","p2","p3","position","isHoveredPointWithinBounds","handleZoomIn","handleZoomOut","handleZoomReset","reset","jsxs","Fragment","disableZoom","Stack","controlsPosition","right","bottom","transform","zIndex","ControlButtons","controlsHighlight","includes","Tooltip","IconButton","Download","Box","loading","justifyContent","alignItems","CircularProgress","userSelect","backgroundColor","e","Group","pt","Wrapper","motion","g","floor","animProps","getAnimationProps","line","LinePath","curveBasis","cursor","zoomDirection","deltaY","AxisLeft","fontSize","textAnchor","verticalAnchor","AxisBottom","miniMap","HighlightAlt","MiniMap","disableTooltip","Portal","ScatterTooltip","tooltipBody"],"mappings":"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"}

package/dist/visualization.es20.js

@@ -0,0 +1,52 @@
+import l from "react";
+import A from "./visualization.es115.js";
+var R = ["dx", "dy", "textAnchor", "innerRef", "innerTextRef", "verticalAnchor", "angle", "lineHeight", "scaleToFit", "capHeight", "width"];
+function c() {
+  return c = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, c.apply(this, arguments);
+}
+function j(e, n) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), a, i;
+  for (i = 0; i < t.length; i++)
+    a = t[i], !(n.indexOf(a) >= 0) && (r[a] = e[a]);
+  return r;
+}
+var H = {
+  overflow: "visible"
+};
+function $(e) {
+  var n = e.dx, r = n === void 0 ? 0 : n, t = e.dy, a = t === void 0 ? 0 : t, i = e.textAnchor, h = i === void 0 ? "start" : i, u = e.innerRef, g = e.innerTextRef;
+  e.verticalAnchor, e.angle;
+  var x = e.lineHeight, y = x === void 0 ? "1em" : x;
+  e.scaleToFit, e.capHeight, e.width;
+  var o = j(e, R), d = o.x, m = d === void 0 ? 0 : d, _ = o.fontSize, f = A(e), s = f.wordsByLines, T = f.startDy, b = f.transform;
+  return /* @__PURE__ */ l.createElement("svg", {
+    ref: u,
+    x: r,
+    y: a,
+    fontSize: _,
+    style: H
+  }, s.length > 0 ? /* @__PURE__ */ l.createElement("text", c({
+    ref: g,
+    transform: b
+  }, o, {
+    textAnchor: h
+  }), s.map(function(w, v) {
+    return /* @__PURE__ */ l.createElement("tspan", {
+      key: v,
+      x: m,
+      dy: v === 0 ? T : y
+    }, w.words.join(" "));
+  })) : null);
+}
+export {
+  $ as default
+};
+//# sourceMappingURL=visualization.es20.js.map

package/dist/visualization.es20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es20.js","sources":["../../../node_modules/.pnpm/@visx+text@3.12.0_react@19.1.0/node_modules/@visx/text/esm/Text.js"],"sourcesContent":["var _excluded = [\"dx\", \"dy\", \"textAnchor\", \"innerRef\", \"innerTextRef\", \"verticalAnchor\", \"angle\", \"lineHeight\", \"scaleToFit\", \"capHeight\", \"width\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from 'react';\nimport useText from './hooks/useText';\nvar SVG_STYLE = {\n  overflow: 'visible'\n};\nexport default function Text(props) {\n  var _props$dx = props.dx,\n    dx = _props$dx === void 0 ? 0 : _props$dx,\n    _props$dy = props.dy,\n    dy = _props$dy === void 0 ? 0 : _props$dy,\n    _props$textAnchor = props.textAnchor,\n    textAnchor = _props$textAnchor === void 0 ? 'start' : _props$textAnchor,\n    innerRef = props.innerRef,\n    innerTextRef = props.innerTextRef,\n    verticalAnchor = props.verticalAnchor,\n    angle = props.angle,\n    _props$lineHeight = props.lineHeight,\n    lineHeight = _props$lineHeight === void 0 ? '1em' : _props$lineHeight,\n    _props$scaleToFit = props.scaleToFit,\n    scaleToFit = _props$scaleToFit === void 0 ? false : _props$scaleToFit,\n    capHeight = props.capHeight,\n    width = props.width,\n    textProps = _objectWithoutPropertiesLoose(props, _excluded);\n  var _textProps$x = textProps.x,\n    x = _textProps$x === void 0 ? 0 : _textProps$x,\n    fontSize = textProps.fontSize;\n  var _useText = useText(props),\n    wordsByLines = _useText.wordsByLines,\n    startDy = _useText.startDy,\n    transform = _useText.transform;\n  return /*#__PURE__*/React.createElement(\"svg\", {\n    ref: innerRef,\n    x: dx,\n    y: dy,\n    fontSize: fontSize,\n    style: SVG_STYLE\n  }, wordsByLines.length > 0 ? /*#__PURE__*/React.createElement(\"text\", _extends({\n    ref: innerTextRef,\n    transform: transform\n  }, textProps, {\n    textAnchor: textAnchor\n  }), wordsByLines.map(function (line, index) {\n    return /*#__PURE__*/React.createElement(\"tspan\", {\n      key: index,\n      x: x,\n      dy: index === 0 ? startDy : lineHeight\n    }, line.words.join(' '));\n  })) : null);\n}"],"names":["_excluded","_extends","target","i","source","key","_objectWithoutPropertiesLoose","excluded","sourceKeys","SVG_STYLE","Text","props","_props$dx","dx","_props$dy","dy","_props$textAnchor","textAnchor","innerRef","innerTextRef","_props$lineHeight","lineHeight","textProps","_textProps$x","x","fontSize","_useText","useText","wordsByLines","startDy","transform","React","line","index"],"mappings":";;AAAA,IAAIA,IAAY,CAAC,MAAM,MAAM,cAAc,YAAY,gBAAgB,kBAAkB,SAAS,cAAc,cAAc,aAAa,OAAO;AAClJ,SAASC,IAAW;AAAE,SAAAA,IAAW,OAAO,SAAS,OAAO,OAAO,SAAS,SAAUC,GAAQ;AAAE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAAE,UAAIC,IAAS,UAAUD,CAAC;AAAG,eAASE,KAAOD;AAAU,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAQC,CAAG,MAAKH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAA,IAAO;AAAE,WAAOH;AAAA,EAAQ,GAAUD,EAAS,MAAM,MAAM,SAAS;AAAG;AAClV,SAASK,EAA8BF,GAAQG,GAAU;AAAE,MAAIH,KAAU,KAAM,QAAO,CAAA;AAAI,MAAIF,IAAS,CAAA,GAAQM,IAAa,OAAO,KAAKJ,CAAM,GAAOC,GAAK;AAAG,OAAK,IAAI,GAAG,IAAIG,EAAW,QAAQ;AAA4B,IAArBH,IAAMG,EAAW,CAAC,GAAO,EAAAD,EAAS,QAAQF,CAAG,KAAK,OAAaH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAK,SAAOH;AAAQ;AAGlT,IAAIO,IAAY;AAAA,EACd,UAAU;AACZ;AACe,SAASC,EAAKC,GAAO;AAC/B,MAACC,IAAYD,EAAM,IACpBE,IAAKD,MAAc,SAAS,IAAIA,GAChCE,IAAYH,EAAM,IAClBI,IAAKD,MAAc,SAAS,IAAIA,GAChCE,IAAoBL,EAAM,YAC1BM,IAAaD,MAAsB,SAAS,UAAUA,GACtDE,IAAWP,EAAM,UACjBQ,IAAeR,EAAM;AACJ,EAAAA,EAAM,gBACfA,EAAM;AAClB,MAAIS,IAAoBT,EAAM,YAC1BU,IAAaD,MAAsB,SAAS,QAAQA;AAChC,EAAAT,EAAM,YAEdA,EAAM,WACVA,EAAM;AAClB,MAAIW,IAAYhB,EAA8BK,GAAOX,CAAS,GACxDuB,IAAeD,EAAU,GAC3BE,IAAID,MAAiB,SAAS,IAAIA,GAClCE,IAAWH,EAAU,UACnBI,IAAWC,EAAQhB,CAAK,GAC1BiB,IAAeF,EAAS,cACxBG,IAAUH,EAAS,SACnBI,IAAYJ,EAAS;AACvB,SAAoBK,gBAAAA,EAAM,cAAc,OAAO;AAAA,IAC7C,KAAKb;AAAA,IACL,GAAGL;AAAA,IACH,GAAGE;AAAA,IACH,UAAUU;AAAA,IACV,OAAOhB;AAAA,EACX,GAAKmB,EAAa,SAAS,IAAiBG,gBAAAA,EAAM,cAAc,QAAQ9B,EAAS;AAAA,IAC7E,KAAKkB;AAAA,IACL,WAAWW;AAAA,EACf,GAAKR,GAAW;AAAA,IACZ,YAAYL;AAAA,EAChB,CAAG,GAAGW,EAAa,IAAI,SAAUI,GAAMC,GAAO;AAC1C,WAAoBF,gBAAAA,EAAM,cAAc,SAAS;AAAA,MAC/C,KAAKE;AAAA,MACL,GAAGT;AAAA,MACH,IAAIS,MAAU,IAAIJ,IAAUR;AAAA,IAClC,GAAOW,EAAK,MAAM,KAAK,GAAG,CAAC;AAAA,EACzB,CAAC,CAAC,IAAI,IAAI;AACZ;","x_google_ignoreList":[0]}

package/dist/visualization.es200.js

@@ -0,0 +1,17 @@
+function s(f, a, e = void 0) {
+  const u = {};
+  for (const r in f) {
+    const l = f[r];
+    let o = "", i = !0;
+    for (let n = 0; n < l.length; n += 1) {
+      const t = l[n];
+      t && (o += (i === !0 ? "" : " ") + a(t), i = !1, e && e[t] && (o += " " + e[t]));
+    }
+    u[r] = o;
+  }
+  return u;
+}
+export {
+  s as default
+};
+//# sourceMappingURL=visualization.es200.js.map

package/dist/visualization.es200.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es200.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.2.0_@types+react@19.1.8_react@19.1.0/node_modules/@mui/utils/esm/composeClasses/composeClasses.js"],"sourcesContent":["/* eslint no-restricted-syntax: 0, prefer-template: 0, guard-for-in: 0\n   ---\n   These rules are preventing the performance optimizations below.\n */\n\n/**\n * Compose classes from multiple sources.\n *\n * @example\n * ```tsx\n * const slots = {\n *  root: ['root', 'primary'],\n *  label: ['label'],\n * };\n *\n * const getUtilityClass = (slot) => `MuiButton-${slot}`;\n *\n * const classes = {\n *   root: 'my-root-class',\n * };\n *\n * const output = composeClasses(slots, getUtilityClass, classes);\n * // {\n * //   root: 'MuiButton-root MuiButton-primary my-root-class',\n * //   label: 'MuiButton-label',\n * // }\n * ```\n *\n * @param slots a list of classes for each possible slot\n * @param getUtilityClass a function to resolve the class based on the slot name\n * @param classes the input classes from props\n * @returns the resolved classes for all slots\n */\nexport default function composeClasses(slots, getUtilityClass, classes = undefined) {\n  const output = {};\n  for (const slotName in slots) {\n    const slot = slots[slotName];\n    let buffer = '';\n    let start = true;\n    for (let i = 0; i < slot.length; i += 1) {\n      const value = slot[i];\n      if (value) {\n        buffer += (start === true ? '' : ' ') + getUtilityClass(value);\n        start = false;\n        if (classes && classes[value]) {\n          buffer += ' ' + classes[value];\n        }\n      }\n    }\n    output[slotName] = buffer;\n  }\n  return output;\n}"],"names":["composeClasses","slots","getUtilityClass","classes","output","slotName","slot","buffer","start","i","value"],"mappings":"AAiCe,SAASA,EAAeC,GAAOC,GAAiBC,IAAU,QAAW;AAClF,QAAMC,IAAS,CAAA;AACf,aAAWC,KAAYJ,GAAO;AAC5B,UAAMK,IAAOL,EAAMI,CAAQ;AAC3B,QAAIE,IAAS,IACTC,IAAQ;AACZ,aAASC,IAAI,GAAGA,IAAIH,EAAK,QAAQG,KAAK,GAAG;AACvC,YAAMC,IAAQJ,EAAKG,CAAC;AACpB,MAAIC,MACFH,MAAWC,MAAU,KAAO,KAAK,OAAON,EAAgBQ,CAAK,GAC7DF,IAAQ,IACJL,KAAWA,EAAQO,CAAK,MAC1BH,KAAU,MAAMJ,EAAQO,CAAK;AAAA,IAGnC;AACA,IAAAN,EAAOC,CAAQ,IAAIE;AAAA,EACrB;AACA,SAAOH;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es201.js

@@ -0,0 +1,9 @@
+function u(e, r) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || r(...n);
+  };
+}
+export {
+  u as default
+};
+//# sourceMappingURL=visualization.es201.js.map

package/dist/visualization.es201.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es201.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.2.0_@types+react@19.1.8_react@19.1.0/node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js"],"sourcesContent":["export default function chainPropTypes(propType1, propType2) {\n  if (process.env.NODE_ENV === 'production') {\n    return () => null;\n  }\n  return function validate(...args) {\n    return propType1(...args) || propType2(...args);\n  };\n}"],"names":["chainPropTypes","propType1","propType2","args"],"mappings":"AAAe,SAASA,EAAeC,GAAWC,GAAW;AAC3D,SAAI,QAAQ,IAAI,aAAa,eACpB,MAAM,OAER,YAAqBC,GAAM;AAChC,WAAOF,EAAU,GAAGE,CAAI,KAAKD,EAAU,GAAGC,CAAI;AAAA,EAChD;AACF;","x_google_ignoreList":[0]}