exploreda 0.0.5 → 0.1.0

package/dist/chunk-MUWSBYJS.js

@@ -0,0 +1,528 @@
+import { useColorScales } from './chunk-4HNDKMWF.js';
+import { DEFAULT_AXIS_SETTINGS, DEFAULT_CHART_SETTINGS } from './chunk-CJQQFNEY.js';
+import { FieldSelector } from './chunk-SFV5LZPD.js';
+import { NumericInputEnter } from './chunk-BIMEHDLB.js';
+import { Switch } from './chunk-Q7LK2UWH.js';
+import { useGetLiveData, useGetColumnDataForIds } from './chunk-ZD64SCZB.js';
+import { Label } from './chunk-MJPDJ5AS.js';
+import { useDataLayer, finiteNumbers, finiteNumber } from './chunk-JNO7OXCC.js';
+import * as THREE2 from 'three';
+import { Vector3 } from 'three';
+import { Box } from 'lucide-react';
+import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_3D_SCATTER_SETTINGS = {
+  ...DEFAULT_CHART_SETTINGS,
+  type: "3d-scatter",
+  xField: "",
+  yField: "",
+  zField: "",
+  colorField: void 0,
+  sizeField: void 0,
+  cameraPosition: new Vector3(10, 10, 10),
+  cameraTarget: new Vector3(0, 0, 0),
+  pointSize: 0.1,
+  pointOpacity: 0.8,
+  showGrid: true,
+  showAxes: true,
+  xAxis: { ...DEFAULT_AXIS_SETTINGS, zoomLevel: 1 },
+  yAxis: { ...DEFAULT_AXIS_SETTINGS, zoomLevel: 1 },
+  zAxis: { ...DEFAULT_AXIS_SETTINGS, zoomLevel: 1 }
+};
+function ThreeDScatterAxes({
+  scene,
+  settings,
+  onSceneChange
+}) {
+  const axesHelper = useMemo(() => {
+    return new THREE2.AxesHelper(10);
+  }, []);
+  const gridHelpers = useMemo(() => {
+    const size = 10;
+    const divisions = 10;
+    return {
+      xy: new THREE2.GridHelper(size, divisions),
+      xz: new THREE2.GridHelper(size, divisions),
+      yz: new THREE2.GridHelper(size, divisions)
+    };
+  }, []);
+  useEffect(() => {
+    if (settings.showGrid) {
+      gridHelpers.xy.rotation.x = Math.PI / 2;
+      scene.add(gridHelpers.xy);
+      gridHelpers.xz.position.y = 0;
+      scene.add(gridHelpers.xz);
+      gridHelpers.yz.rotation.z = Math.PI / 2;
+      scene.add(gridHelpers.yz);
+    }
+    if (settings.showAxes) {
+      scene.add(axesHelper);
+    }
+    const frame = requestAnimationFrame(() => onSceneChange());
+    return () => {
+      cancelAnimationFrame(frame);
+      scene.remove(gridHelpers.xy);
+      scene.remove(gridHelpers.xz);
+      scene.remove(gridHelpers.yz);
+      scene.remove(axesHelper);
+      gridHelpers.xy.dispose();
+      gridHelpers.xz.dispose();
+      gridHelpers.yz.dispose();
+      axesHelper.dispose();
+    };
+  }, [
+    scene,
+    settings.showGrid,
+    settings.showAxes,
+    gridHelpers,
+    axesHelper,
+    onSceneChange
+  ]);
+  return null;
+}
+function ThreeDScatterPoints({
+  scene,
+  data,
+  settings,
+  onSceneChange
+}) {
+  const pointsRef = useRef(null);
+  const pointsGeometry = useMemo(() => {
+    const positions = new Float32Array(data.length * 3);
+    const colors = new Float32Array(data.length * 3);
+    const sizes = new Float32Array(data.length);
+    data.forEach((point, i) => {
+      positions[i * 3] = point.x;
+      positions[i * 3 + 1] = point.y;
+      positions[i * 3 + 2] = point.z;
+      sizes[i] = point.size;
+      const color = new THREE2.Color(point.color);
+      colors[i * 3] = color.r;
+      colors[i * 3 + 1] = color.g;
+      colors[i * 3 + 2] = color.b;
+    });
+    const geometry = new THREE2.BufferGeometry();
+    geometry.setAttribute("position", new THREE2.BufferAttribute(positions, 3));
+    geometry.setAttribute("color", new THREE2.BufferAttribute(colors, 3));
+    geometry.setAttribute("size", new THREE2.BufferAttribute(sizes, 1));
+    return geometry;
+  }, [data]);
+  const pointsMaterial = useMemo(() => {
+    return new THREE2.ShaderMaterial({
+      vertexColors: true,
+      transparent: true,
+      uniforms: {
+        pointSize: { value: settings.pointSize },
+        opacity: { value: settings.pointOpacity }
+      },
+      vertexShader: `
+        attribute float size;
+        varying vec3 pointColor;
+        uniform float pointSize;
+        void main() {
+          pointColor = color;
+          vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);
+          gl_PointSize = pointSize * size * (300.0 / max(1.0, -mvPosition.z));
+          gl_Position = projectionMatrix * mvPosition;
+        }
+      `,
+      fragmentShader: `
+        varying vec3 pointColor;
+        uniform float opacity;
+        void main() {
+          if (distance(gl_PointCoord, vec2(0.5)) > 0.5) discard;
+          gl_FragColor = vec4(pointColor, opacity);
+        }
+      `
+    });
+  }, [settings.pointSize, settings.pointOpacity]);
+  useEffect(() => {
+    const points = new THREE2.Points(pointsGeometry, pointsMaterial);
+    pointsRef.current = points;
+    scene.add(points);
+    const frame = requestAnimationFrame(() => onSceneChange());
+    return () => {
+      cancelAnimationFrame(frame);
+      if (pointsRef.current) {
+        scene.remove(pointsRef.current);
+      }
+      pointsGeometry.dispose();
+      pointsMaterial.dispose();
+    };
+  }, [scene, pointsGeometry, pointsMaterial, onSceneChange]);
+  return null;
+}
+function buildThreeDScatterData(xData, yData, zData, colorData, sizeData, sizeDomain, getColor) {
+  const [sizeMin, sizeMax] = sizeDomain;
+  const sizeRange = sizeMax - sizeMin;
+  const points = [];
+  let omitted = 0;
+  const numericValue = (value) => finiteNumber(value) ?? NaN;
+  for (let i = 0; i < xData.length; i++) {
+    const x = numericValue(xData[i]);
+    const y = numericValue(yData[i]);
+    const z = numericValue(zData[i]);
+    if (![x, y, z].every(Number.isFinite)) {
+      omitted += 1;
+      continue;
+    }
+    const rawSize = numericValue(sizeData[i]);
+    const size = Number.isFinite(rawSize) ? sizeRange > 0 ? 0.5 + (rawSize - sizeMin) / sizeRange * 1.5 : 1 : 1;
+    points.push({ x, y, z, color: getColor(colorData[i]), size });
+  }
+  return { points, omitted };
+}
+function useThreeDScatterData(settings, facetIds) {
+  const is3DScatter = settings.type === "3d-scatter";
+  const xData = useGetLiveData(settings, settings.xField, facetIds);
+  const yData = useGetLiveData(settings, settings.yField, facetIds);
+  const zData = useGetLiveData(settings, settings.zField, facetIds);
+  const colorData = useGetLiveData(settings, settings.colorField, facetIds);
+  const sizeData = useGetLiveData(settings, settings.sizeField, facetIds);
+  const allSizeData = useGetColumnDataForIds(settings.sizeField);
+  const { getColorForValue } = useColorScales();
+  const colorScaleId = settings.colorScaleId;
+  return useMemo(() => {
+    if (!is3DScatter) {
+      return { points: [], omitted: 0 };
+    }
+    const sizes = finiteNumbers(allSizeData);
+    const sizeDomain = sizes.length ? [Math.min(...sizes), Math.max(...sizes)] : [0, 0];
+    return buildThreeDScatterData(
+      xData,
+      yData,
+      zData,
+      colorData,
+      sizeData,
+      sizeDomain,
+      (value) => getColorForValue(colorScaleId, value, "#ffffff")
+    );
+  }, [
+    is3DScatter,
+    xData,
+    yData,
+    zData,
+    getColorForValue,
+    colorScaleId,
+    colorData,
+    sizeData,
+    allSizeData
+  ]);
+}
+function ThreeDScatterChart({
+  settings,
+  width,
+  height,
+  facetIds
+}) {
+  const containerRef = useRef(null);
+  const sceneRef = useRef(null);
+  const cameraRef = useRef(null);
+  const rendererRef = useRef(null);
+  const controlsRef = useRef(null);
+  const cameraStateRef = useRef(null);
+  const timeoutRef = useRef(null);
+  const updateChart = useDataLayer((state) => state.updateChart);
+  const { points, omitted } = useThreeDScatterData(settings, facetIds);
+  const [nonce, setNonce] = useState(0);
+  const renderScene = useCallback(() => {
+    const renderer = rendererRef.current;
+    const scene = sceneRef.current;
+    const camera = cameraRef.current;
+    const controls = controlsRef.current;
+    if (!renderer || !scene || !camera || !controls) {
+      return;
+    }
+    controls.update();
+    renderer.render(scene, camera);
+  }, []);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container || width <= 0 || height <= 0) {
+      return;
+    }
+    const scene = new THREE2.Scene();
+    scene.background = new THREE2.Color(0);
+    sceneRef.current = scene;
+    const camera = new THREE2.PerspectiveCamera(75, width / height, 0.1, 1e3);
+    camera.position.copy(settings.cameraPosition);
+    camera.lookAt(settings.cameraTarget);
+    cameraRef.current = camera;
+    const renderer = new THREE2.WebGLRenderer({
+      antialias: true,
+      powerPreference: "high-performance"
+    });
+    renderer.setSize(width, height);
+    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+    container.appendChild(renderer.domElement);
+    rendererRef.current = renderer;
+    const controls = new OrbitControls(camera, renderer.domElement);
+    controls.target.copy(settings.cameraTarget);
+    controls.enableDamping = false;
+    controlsRef.current = controls;
+    controls.addEventListener("change", () => {
+      if (!controls.object || !controls.target) {
+        return;
+      }
+      cameraStateRef.current = {
+        position: controls.object.position.clone(),
+        target: controls.target.clone()
+      };
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        if (cameraStateRef.current) {
+          updateChart(settings.id, {
+            cameraPosition: cameraStateRef.current.position,
+            cameraTarget: cameraStateRef.current.target
+          });
+        }
+        timeoutRef.current = null;
+      }, 1e3);
+      renderer.render(scene, camera);
+    });
+    const ambientLight = new THREE2.AmbientLight(16777215, 0.5);
+    scene.add(ambientLight);
+    const directionalLight = new THREE2.DirectionalLight(16777215, 0.5);
+    directionalLight.position.set(10, 10, 10);
+    scene.add(directionalLight);
+    renderer.render(scene, camera);
+    setNonce((state) => state + 1);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+      if (controls) {
+        controls.dispose();
+      }
+      if (renderer) {
+        renderer.dispose();
+        renderer.forceContextLoss();
+        renderer.domElement.remove();
+      }
+      container.innerHTML = "";
+    };
+  }, [width, height, settings.id, updateChart]);
+  useEffect(() => {
+    const camera = cameraRef.current;
+    const controls = controlsRef.current;
+    const renderer = rendererRef.current;
+    const scene = sceneRef.current;
+    if (!camera || !controls || !renderer || !scene) {
+      return;
+    }
+    camera.position.copy(settings.cameraPosition);
+    controls.target.copy(settings.cameraTarget);
+    camera.lookAt(settings.cameraTarget);
+    camera.updateProjectionMatrix();
+    renderer.render(scene, camera);
+  }, [settings.cameraPosition, settings.cameraTarget]);
+  useEffect(() => {
+    const handleResize = () => {
+      if (!rendererRef.current || !cameraRef.current || !sceneRef.current || width <= 0 || height <= 0) {
+        return;
+      }
+      cameraRef.current.aspect = width / height;
+      cameraRef.current.updateProjectionMatrix();
+      rendererRef.current.setSize(width, height);
+      rendererRef.current.render(sceneRef.current, cameraRef.current);
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [width, height]);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative", style: { width, height }, children: [
+    omitted > 0 && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "status",
+        className: "absolute z-10 m-2 rounded bg-background/90 px-2 py-1 text-xs text-muted-foreground",
+        children: [
+          omitted.toLocaleString(),
+          " rows omitted: coordinates must be finite"
+        ]
+      }
+    ),
+    sceneRef.current && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ThreeDScatterPoints,
+        {
+          scene: sceneRef.current,
+          data: points,
+          settings,
+          onSceneChange: renderScene
+        },
+        "points-" + nonce
+      ),
+      /* @__PURE__ */ jsx(
+        ThreeDScatterAxes,
+        {
+          scene: sceneRef.current,
+          settings,
+          onSceneChange: renderScene
+        },
+        "axes-" + nonce
+      )
+    ] })
+  ] });
+}
+function ThreeDScatterSettingsPanel({
+  settings,
+  onSettingsChange
+}) {
+  const { getOrCreateScaleForField } = useColorScales();
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[120px_1fr] items-center gap-4", children: [
+    /* @__PURE__ */ jsx(Label, { children: "X Field" }),
+    /* @__PURE__ */ jsx(
+      FieldSelector,
+      {
+        label: "",
+        value: settings.xField,
+        onChange: (value) => onSettingsChange({ ...settings, xField: value })
+      }
+    ),
+    /* @__PURE__ */ jsx(Label, { children: "Y Field" }),
+    /* @__PURE__ */ jsx(
+      FieldSelector,
+      {
+        label: "",
+        value: settings.yField,
+        onChange: (value) => onSettingsChange({ ...settings, yField: value })
+      }
+    ),
+    /* @__PURE__ */ jsx(Label, { children: "Z Field" }),
+    /* @__PURE__ */ jsx(
+      FieldSelector,
+      {
+        label: "",
+        value: settings.zField,
+        onChange: (value) => onSettingsChange({ ...settings, zField: value })
+      }
+    ),
+    /* @__PURE__ */ jsx(Label, { children: "Size Field" }),
+    /* @__PURE__ */ jsx(
+      FieldSelector,
+      {
+        label: "",
+        value: settings.sizeField ?? "",
+        allowClear: true,
+        onChange: (value) => onSettingsChange({
+          ...settings,
+          sizeField: value || void 0
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Label, { children: "Color Field" }),
+    /* @__PURE__ */ jsx(
+      FieldSelector,
+      {
+        label: "",
+        value: settings.colorField ?? "",
+        allowClear: true,
+        onChange: (value) => onSettingsChange({
+          ...settings,
+          colorField: value || void 0,
+          colorScaleId: value ? getOrCreateScaleForField(value) : void 0
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Label, { children: "Point Size" }),
+    /* @__PURE__ */ jsx(
+      NumericInputEnter,
+      {
+        value: settings.pointSize,
+        onChange: (value) => onSettingsChange({ ...settings, pointSize: value }),
+        min: 0.01,
+        max: 10,
+        stepSmall: 0.1,
+        stepMedium: 0.5,
+        stepLarge: 1
+      }
+    ),
+    /* @__PURE__ */ jsx(Label, { children: "Point Opacity" }),
+    /* @__PURE__ */ jsx(
+      NumericInputEnter,
+      {
+        value: settings.pointOpacity,
+        onChange: (value) => onSettingsChange({ ...settings, pointOpacity: value }),
+        min: 0,
+        max: 1,
+        stepSmall: 0.1,
+        stepMedium: 0.2,
+        stepLarge: 0.3
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "col-start-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          id: "showGrid",
+          checked: settings.showGrid,
+          onCheckedChange: (checked) => onSettingsChange({
+            ...settings,
+            showGrid: checked
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(Label, { htmlFor: "showGrid", children: "Show Grid" })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "col-start-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          id: "showAxes",
+          checked: settings.showAxes,
+          onCheckedChange: (checked) => onSettingsChange({
+            ...settings,
+            showAxes: checked
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx(Label, { htmlFor: "showAxes", children: "Show Axes" })
+    ] }) })
+  ] }) });
+}
+
+// src/components/charts/ThreeDScatter/definition.ts
+var threeDScatterDefinition = {
+  type: "3d-scatter",
+  name: "3D Scatter Plot",
+  description: "Display data as points in a 3D space",
+  icon: Box,
+  component: ThreeDScatterChart,
+  settingsPanel: ThreeDScatterSettingsPanel,
+  createDefaultSettings: (layout) => ({
+    ...DEFAULT_3D_SCATTER_SETTINGS,
+    id: crypto.randomUUID(),
+    type: "3d-scatter",
+    title: "3D Scatter Plot",
+    layout,
+    margin: { ...DEFAULT_3D_SCATTER_SETTINGS.margin },
+    xField: "",
+    yField: "",
+    zField: "",
+    colorField: void 0,
+    sizeField: void 0,
+    pointSize: 5,
+    pointOpacity: 0.8,
+    showGrid: true,
+    showAxes: true,
+    cameraPosition: DEFAULT_3D_SCATTER_SETTINGS.cameraPosition.clone(),
+    cameraTarget: DEFAULT_3D_SCATTER_SETTINGS.cameraTarget.clone(),
+    xAxis: { ...DEFAULT_3D_SCATTER_SETTINGS.xAxis, zoomLevel: 1 },
+    yAxis: { ...DEFAULT_3D_SCATTER_SETTINGS.yAxis, zoomLevel: 1 },
+    zAxis: { ...DEFAULT_3D_SCATTER_SETTINGS.zAxis, zoomLevel: 1 }
+  }),
+  validateSettings: (settings) => {
+    return !!settings.xField && !!settings.yField && !!settings.zField;
+  },
+  getFilterFunction: () => () => true
+  // No filtering for 3D scatter
+};
+
+export { threeDScatterDefinition };
+//# sourceMappingURL=chunk-MUWSBYJS.js.map
+//# sourceMappingURL=chunk-MUWSBYJS.js.map

package/dist/chunk-MUWSBYJS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/charts/ThreeDScatter/defaultSettings.ts","../src/components/charts/ThreeDScatter/ThreeDScatterAxes.tsx","../src/components/charts/ThreeDScatter/ThreeDScatterPoints.tsx","../src/components/charts/ThreeDScatter/useThreeDScatterData.ts","../src/components/charts/ThreeDScatter/ThreeDScatterChart.tsx","../src/components/charts/ThreeDScatter/ThreeDScatterSettingsPanel.tsx","../src/components/charts/ThreeDScatter/definition.ts"],"names":["THREE","useMemo","useEffect","useRef","THREE3","jsx","jsxs"],"mappings":"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","file":"chunk-MUWSBYJS.js","sourcesContent":["import { Vector3 } from \"three\";\nimport {\n  DEFAULT_AXIS_SETTINGS,\n  DEFAULT_CHART_SETTINGS,\n} from \"@/utils/defaultSettings\";\nimport type { ThreeDScatterSettings } from \"./types\";\n\nexport const DEFAULT_3D_SCATTER_SETTINGS: Omit<ThreeDScatterSettings, \"id\"> = {\n  ...DEFAULT_CHART_SETTINGS,\n  type: \"3d-scatter\",\n  xField: \"\",\n  yField: \"\",\n  zField: \"\",\n  colorField: undefined,\n  sizeField: undefined,\n  cameraPosition: new Vector3(10, 10, 10),\n  cameraTarget: new Vector3(0, 0, 0),\n  pointSize: 0.1,\n  pointOpacity: 0.8,\n  showGrid: true,\n  showAxes: true,\n  xAxis: { ...DEFAULT_AXIS_SETTINGS, zoomLevel: 1 },\n  yAxis: { ...DEFAULT_AXIS_SETTINGS, zoomLevel: 1 },\n  zAxis: { ...DEFAULT_AXIS_SETTINGS, zoomLevel: 1 },\n};\n","import { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { ThreeDScatterSettings } from \"./types\";\n\ninterface ThreeDScatterAxesProps {\n  scene: THREE.Scene;\n  settings: ThreeDScatterSettings;\n  onSceneChange: () => void;\n}\n\nexport function ThreeDScatterAxes({\n  scene,\n  settings,\n  onSceneChange,\n}: ThreeDScatterAxesProps) {\n  // Create axes helper\n  const axesHelper = useMemo(() => {\n    return new THREE.AxesHelper(10);\n  }, []);\n\n  // Create grid helper\n  const gridHelpers = useMemo(() => {\n    const size = 10;\n    const divisions = 10;\n\n    return {\n      xy: new THREE.GridHelper(size, divisions),\n      xz: new THREE.GridHelper(size, divisions),\n      yz: new THREE.GridHelper(size, divisions),\n    };\n  }, []);\n\n  // Setup grid positions and rotations\n  useEffect(() => {\n    if (settings.showGrid) {\n      // XY plane (blue)\n      gridHelpers.xy.rotation.x = Math.PI / 2;\n      scene.add(gridHelpers.xy);\n\n      // XZ plane (red)\n      gridHelpers.xz.position.y = 0;\n      scene.add(gridHelpers.xz);\n\n      // YZ plane (green)\n      gridHelpers.yz.rotation.z = Math.PI / 2;\n      scene.add(gridHelpers.yz);\n    }\n\n    if (settings.showAxes) {\n      scene.add(axesHelper);\n    }\n\n    const frame = requestAnimationFrame(() => onSceneChange());\n\n    return () => {\n      cancelAnimationFrame(frame);\n      scene.remove(gridHelpers.xy);\n      scene.remove(gridHelpers.xz);\n      scene.remove(gridHelpers.yz);\n      scene.remove(axesHelper);\n\n      gridHelpers.xy.dispose();\n      gridHelpers.xz.dispose();\n      gridHelpers.yz.dispose();\n      axesHelper.dispose();\n    };\n  }, [\n    scene,\n    settings.showGrid,\n    settings.showAxes,\n    gridHelpers,\n    axesHelper,\n    onSceneChange,\n  ]);\n\n  return null;\n}\n","import { useEffect, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport { ThreeDScatterPoint } from \"./useThreeDScatterData\";\nimport { ThreeDScatterSettings } from \"./types\";\n\ninterface ThreeDScatterPointsProps {\n  scene: THREE.Scene;\n  data: ThreeDScatterPoint[];\n  settings: ThreeDScatterSettings;\n  onSceneChange: () => void;\n}\n\nexport function ThreeDScatterPoints({\n  scene,\n  data,\n  settings,\n  onSceneChange,\n}: ThreeDScatterPointsProps) {\n  const pointsRef = useRef<THREE.Points | null>(null);\n\n  // Create points geometry\n  const pointsGeometry = useMemo(() => {\n    const positions = new Float32Array(data.length * 3);\n    const colors = new Float32Array(data.length * 3);\n    const sizes = new Float32Array(data.length);\n\n    data.forEach((point, i) => {\n      positions[i * 3] = point.x;\n      positions[i * 3 + 1] = point.y;\n      positions[i * 3 + 2] = point.z;\n      sizes[i] = point.size;\n\n      // Handle color from point data\n      const color = new THREE.Color(point.color);\n      colors[i * 3] = color.r;\n      colors[i * 3 + 1] = color.g;\n      colors[i * 3 + 2] = color.b;\n    });\n\n    const geometry = new THREE.BufferGeometry();\n    geometry.setAttribute(\"position\", new THREE.BufferAttribute(positions, 3));\n    geometry.setAttribute(\"color\", new THREE.BufferAttribute(colors, 3));\n    geometry.setAttribute(\"size\", new THREE.BufferAttribute(sizes, 1));\n\n    return geometry;\n  }, [data]);\n\n  // Create points material\n  const pointsMaterial = useMemo(() => {\n    return new THREE.ShaderMaterial({\n      vertexColors: true,\n      transparent: true,\n      uniforms: {\n        pointSize: { value: settings.pointSize },\n        opacity: { value: settings.pointOpacity },\n      },\n      vertexShader: `\n        attribute float size;\n        varying vec3 pointColor;\n        uniform float pointSize;\n        void main() {\n          pointColor = color;\n          vec4 mvPosition = modelViewMatrix * vec4(position, 1.0);\n          gl_PointSize = pointSize * size * (300.0 / max(1.0, -mvPosition.z));\n          gl_Position = projectionMatrix * mvPosition;\n        }\n      `,\n      fragmentShader: `\n        varying vec3 pointColor;\n        uniform float opacity;\n        void main() {\n          if (distance(gl_PointCoord, vec2(0.5)) > 0.5) discard;\n          gl_FragColor = vec4(pointColor, opacity);\n        }\n      `,\n    });\n  }, [settings.pointSize, settings.pointOpacity]);\n\n  // Add points to scene\n  useEffect(() => {\n    const points = new THREE.Points(pointsGeometry, pointsMaterial);\n    pointsRef.current = points;\n    scene.add(points);\n    const frame = requestAnimationFrame(() => onSceneChange());\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (pointsRef.current) {\n        scene.remove(pointsRef.current);\n      }\n      pointsGeometry.dispose();\n      pointsMaterial.dispose();\n    };\n  }, [scene, pointsGeometry, pointsMaterial, onSceneChange]);\n\n  return null;\n}\n","import { finiteNumber, finiteNumbers } from \"@/lib/numeric\";\nimport { useColorScales } from \"@/hooks/useColorScales\";\nimport { IdType } from \"@/providers/DataLayerProvider\";\nimport { useMemo } from \"react\";\nimport { useGetColumnDataForIds } from \"../useGetColumnData\";\nimport { useGetLiveData } from \"../useGetLiveData\";\nimport { datum } from \"@/types/ChartTypes\";\nimport { ThreeDScatterSettings } from \"./types\";\n\nexport interface ThreeDScatterPoint {\n  x: number;\n  y: number;\n  z: number;\n  color: string;\n  size: number;\n}\n\nexport interface ThreeDScatterData {\n  points: ThreeDScatterPoint[];\n  omitted: number;\n}\n\nexport function buildThreeDScatterData(\n  xData: datum[],\n  yData: datum[],\n  zData: datum[],\n  colorData: datum[],\n  sizeData: datum[],\n  sizeDomain: [number, number],\n  getColor: (value: datum) => string\n): ThreeDScatterData {\n  const [sizeMin, sizeMax] = sizeDomain;\n  const sizeRange = sizeMax - sizeMin;\n  const points: ThreeDScatterPoint[] = [];\n  let omitted = 0;\n\n  const numericValue = (value: datum) => finiteNumber(value) ?? NaN;\n\n  for (let i = 0; i < xData.length; i++) {\n    const x = numericValue(xData[i]);\n    const y = numericValue(yData[i]);\n    const z = numericValue(zData[i]);\n    if (![x, y, z].every(Number.isFinite)) {\n      omitted += 1;\n      continue;\n    }\n\n    const rawSize = numericValue(sizeData[i]);\n    const size = Number.isFinite(rawSize)\n      ? sizeRange > 0\n        ? 0.5 + ((rawSize - sizeMin) / sizeRange) * 1.5\n        : 1\n      : 1;\n    points.push({ x, y, z, color: getColor(colorData[i]), size });\n  }\n\n  return { points, omitted };\n}\n\nexport function useThreeDScatterData(\n  settings: ThreeDScatterSettings,\n  facetIds?: IdType[]\n) {\n  const is3DScatter = settings.type === \"3d-scatter\";\n\n  const xData = useGetLiveData(settings, settings.xField, facetIds);\n  const yData = useGetLiveData(settings, settings.yField, facetIds);\n  const zData = useGetLiveData(settings, settings.zField, facetIds);\n  const colorData = useGetLiveData(settings, settings.colorField, facetIds);\n  const sizeData = useGetLiveData(settings, settings.sizeField, facetIds);\n  const allSizeData = useGetColumnDataForIds(settings.sizeField);\n\n  const { getColorForValue } = useColorScales();\n  const colorScaleId = settings.colorScaleId;\n\n  return useMemo(() => {\n    if (!is3DScatter) {\n      return { points: [], omitted: 0 };\n    }\n\n    const sizes = finiteNumbers(allSizeData);\n    const sizeDomain: [number, number] = sizes.length\n      ? [Math.min(...sizes), Math.max(...sizes)]\n      : [0, 0];\n    return buildThreeDScatterData(\n      xData,\n      yData,\n      zData,\n      colorData,\n      sizeData,\n      sizeDomain,\n      (value) => getColorForValue(colorScaleId, value, \"#ffffff\")\n    );\n  }, [\n    is3DScatter,\n    xData,\n    yData,\n    zData,\n    getColorForValue,\n    colorScaleId,\n    colorData,\n    sizeData,\n    allSizeData,\n  ]);\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport * as THREE from \"three\";\nimport { ThreeDScatterChartProps } from \"./types\";\n\nimport { useDataLayer } from \"@/providers/DataLayerProvider\";\nimport { OrbitControls } from \"three/examples/jsm/controls/OrbitControls\";\nimport { ThreeDScatterAxes } from \"./ThreeDScatterAxes\";\nimport { ThreeDScatterPoints } from \"./ThreeDScatterPoints\";\nimport { useThreeDScatterData } from \"./useThreeDScatterData\";\n\ninterface CameraState {\n  position: THREE.Vector3;\n  target: THREE.Vector3;\n}\n\nexport function ThreeDScatterChart({\n  settings,\n  width,\n  height,\n  facetIds,\n}: ThreeDScatterChartProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const sceneRef = useRef<THREE.Scene | null>(null);\n  const cameraRef = useRef<THREE.PerspectiveCamera | null>(null);\n  const rendererRef = useRef<THREE.WebGLRenderer | null>(null);\n  const controlsRef = useRef<OrbitControls | null>(null);\n  const cameraStateRef = useRef<CameraState>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const updateChart = useDataLayer((state) => state.updateChart);\n  const { points, omitted } = useThreeDScatterData(settings, facetIds);\n  const [nonce, setNonce] = useState(0);\n  const renderScene = useCallback(() => {\n    const renderer = rendererRef.current;\n    const scene = sceneRef.current;\n    const camera = cameraRef.current;\n    const controls = controlsRef.current;\n    if (!renderer || !scene || !camera || !controls) {\n      return;\n    }\n\n    controls.update();\n    renderer.render(scene, camera);\n  }, []);\n\n  // Initialize Three.js scene\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || width <= 0 || height <= 0) {\n      return;\n    }\n\n    // Create scene\n    const scene = new THREE.Scene();\n    scene.background = new THREE.Color(0x000000);\n    sceneRef.current = scene;\n\n    // Create camera\n    const camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000);\n    camera.position.copy(settings.cameraPosition);\n    camera.lookAt(settings.cameraTarget);\n    cameraRef.current = camera;\n\n    // Create renderer\n    const renderer = new THREE.WebGLRenderer({\n      antialias: true,\n      powerPreference: \"high-performance\",\n    });\n    renderer.setSize(width, height);\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n    container.appendChild(renderer.domElement);\n    rendererRef.current = renderer;\n\n    // Add orbit controls\n    const controls = new OrbitControls(camera, renderer.domElement);\n    controls.target.copy(settings.cameraTarget);\n    controls.enableDamping = false;\n    controlsRef.current = controls;\n    controls.addEventListener(\"change\", () => {\n      if (!controls.object || !controls.target) {\n        return;\n      }\n      cameraStateRef.current = {\n        position: controls.object.position.clone(),\n        target: controls.target.clone(),\n      };\n\n      // Clear any existing timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Set new timeout\n      timeoutRef.current = setTimeout(() => {\n        if (cameraStateRef.current) {\n          updateChart(settings.id, {\n            cameraPosition: cameraStateRef.current.position,\n            cameraTarget: cameraStateRef.current.target,\n          });\n        }\n        timeoutRef.current = null;\n      }, 1000);\n\n      renderer.render(scene, camera);\n    });\n\n    // Add ambient light\n    const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);\n    scene.add(ambientLight);\n\n    // Add directional light\n    const directionalLight = new THREE.DirectionalLight(0xffffff, 0.5);\n    directionalLight.position.set(10, 10, 10);\n    scene.add(directionalLight);\n\n    // Force initial render\n    renderer.render(scene, camera);\n\n    setNonce((state) => state + 1);\n\n    // Cleanup\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = null;\n      }\n      if (controls) {\n        controls.dispose();\n      }\n      if (renderer) {\n        renderer.dispose();\n        renderer.forceContextLoss();\n        renderer.domElement.remove();\n      }\n      container.innerHTML = \"\";\n    };\n    // Camera vectors are applied by the separate sync effect below.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [width, height, settings.id, updateChart]);\n\n  // Apply saved camera changes without rebuilding the scene.\n  useEffect(() => {\n    const camera = cameraRef.current;\n    const controls = controlsRef.current;\n    const renderer = rendererRef.current;\n    const scene = sceneRef.current;\n    if (!camera || !controls || !renderer || !scene) {\n      return;\n    }\n\n    camera.position.copy(settings.cameraPosition);\n    controls.target.copy(settings.cameraTarget);\n    camera.lookAt(settings.cameraTarget);\n    camera.updateProjectionMatrix();\n    renderer.render(scene, camera);\n  }, [settings.cameraPosition, settings.cameraTarget]);\n\n  // Handle window resize\n  useEffect(() => {\n    const handleResize = () => {\n      if (\n        !rendererRef.current ||\n        !cameraRef.current ||\n        !sceneRef.current ||\n        width <= 0 ||\n        height <= 0\n      ) {\n        return;\n      }\n\n      cameraRef.current.aspect = width / height;\n      cameraRef.current.updateProjectionMatrix();\n      rendererRef.current.setSize(width, height);\n      // Force render on resize\n      rendererRef.current.render(sceneRef.current, cameraRef.current);\n    };\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, [width, height]);\n\n  return (\n    <div ref={containerRef} className=\"relative\" style={{ width, height }}>\n      {omitted > 0 && (\n        <div\n          role=\"status\"\n          className=\"absolute z-10 m-2 rounded bg-background/90 px-2 py-1 text-xs text-muted-foreground\"\n        >\n          {omitted.toLocaleString()} rows omitted: coordinates must be finite\n        </div>\n      )}\n      {sceneRef.current && (\n        <>\n          <ThreeDScatterPoints\n            scene={sceneRef.current}\n            data={points}\n            settings={settings}\n            onSceneChange={renderScene}\n            key={\"points-\" + nonce}\n          />\n          <ThreeDScatterAxes\n            scene={sceneRef.current}\n            settings={settings}\n            onSceneChange={renderScene}\n            key={\"axes-\" + nonce}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n","import { ChartSettingsPanelProps } from \"@/types/ChartTypes\";\nimport { ThreeDScatterSettings } from \"./types\";\nimport { Label } from \"@/components/ui/label\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { NumericInputEnter } from \"@/components/NumericInputEnter\";\nimport { FieldSelector } from \"@/components/FieldSelector\";\nimport { useColorScales } from \"@/hooks/useColorScales\";\n\nexport function ThreeDScatterSettingsPanel({\n  settings,\n  onSettingsChange,\n}: ChartSettingsPanelProps<ThreeDScatterSettings>) {\n  const { getOrCreateScaleForField } = useColorScales();\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-[120px_1fr] items-center gap-4\">\n        <Label>X Field</Label>\n        <FieldSelector\n          label=\"\"\n          value={settings.xField}\n          onChange={(value) => onSettingsChange({ ...settings, xField: value })}\n        />\n\n        <Label>Y Field</Label>\n        <FieldSelector\n          label=\"\"\n          value={settings.yField}\n          onChange={(value) => onSettingsChange({ ...settings, yField: value })}\n        />\n\n        <Label>Z Field</Label>\n        <FieldSelector\n          label=\"\"\n          value={settings.zField}\n          onChange={(value) => onSettingsChange({ ...settings, zField: value })}\n        />\n\n        <Label>Size Field</Label>\n        <FieldSelector\n          label=\"\"\n          value={settings.sizeField ?? \"\"}\n          allowClear\n          onChange={(value) =>\n            onSettingsChange({\n              ...settings,\n              sizeField: value || undefined,\n            })\n          }\n        />\n\n        <Label>Color Field</Label>\n        <FieldSelector\n          label=\"\"\n          value={settings.colorField ?? \"\"}\n          allowClear\n          onChange={(value) =>\n            onSettingsChange({\n              ...settings,\n              colorField: value || undefined,\n              colorScaleId: value ? getOrCreateScaleForField(value) : undefined,\n            })\n          }\n        />\n\n        <Label>Point Size</Label>\n        <NumericInputEnter\n          value={settings.pointSize}\n          onChange={(value) =>\n            onSettingsChange({ ...settings, pointSize: value })\n          }\n          min={0.01}\n          max={10}\n          stepSmall={0.1}\n          stepMedium={0.5}\n          stepLarge={1}\n        />\n\n        <Label>Point Opacity</Label>\n        <NumericInputEnter\n          value={settings.pointOpacity}\n          onChange={(value) =>\n            onSettingsChange({ ...settings, pointOpacity: value })\n          }\n          min={0}\n          max={1}\n          stepSmall={0.1}\n          stepMedium={0.2}\n          stepLarge={0.3}\n        />\n\n        <div className=\"col-start-2\">\n          <div className=\"flex items-center space-x-2\">\n            <Switch\n              id=\"showGrid\"\n              checked={settings.showGrid}\n              onCheckedChange={(checked) =>\n                onSettingsChange({\n                  ...settings,\n                  showGrid: checked,\n                })\n              }\n            />\n            <Label htmlFor=\"showGrid\">Show Grid</Label>\n          </div>\n        </div>\n\n        <div className=\"col-start-2\">\n          <div className=\"flex items-center space-x-2\">\n            <Switch\n              id=\"showAxes\"\n              checked={settings.showAxes}\n              onCheckedChange={(checked) =>\n                onSettingsChange({\n                  ...settings,\n                  showAxes: checked,\n                })\n              }\n            />\n            <Label htmlFor=\"showAxes\">Show Axes</Label>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import { ChartDefinition } from \"@/types/ChartTypes\";\nimport { DEFAULT_3D_SCATTER_SETTINGS } from \"./defaultSettings\";\nimport { Box } from \"lucide-react\";\n\nimport { ThreeDScatterChart } from \"./ThreeDScatterChart\";\nimport { ThreeDScatterSettingsPanel } from \"./ThreeDScatterSettingsPanel\";\nimport { ThreeDScatterSettings } from \"./types\";\n\nexport const threeDScatterDefinition: ChartDefinition<ThreeDScatterSettings> = {\n  type: \"3d-scatter\",\n  name: \"3D Scatter Plot\",\n  description: \"Display data as points in a 3D space\",\n  icon: Box,\n\n  component: ThreeDScatterChart,\n  settingsPanel: ThreeDScatterSettingsPanel,\n\n  createDefaultSettings: (layout) => ({\n    ...DEFAULT_3D_SCATTER_SETTINGS,\n    id: crypto.randomUUID(),\n    type: \"3d-scatter\",\n    title: \"3D Scatter Plot\",\n    layout,\n    margin: { ...DEFAULT_3D_SCATTER_SETTINGS.margin },\n    xField: \"\",\n    yField: \"\",\n    zField: \"\",\n    colorField: undefined,\n    sizeField: undefined,\n    pointSize: 5,\n    pointOpacity: 0.8,\n    showGrid: true,\n    showAxes: true,\n    cameraPosition: DEFAULT_3D_SCATTER_SETTINGS.cameraPosition.clone(),\n    cameraTarget: DEFAULT_3D_SCATTER_SETTINGS.cameraTarget.clone(),\n    xAxis: { ...DEFAULT_3D_SCATTER_SETTINGS.xAxis, zoomLevel: 1 },\n    yAxis: { ...DEFAULT_3D_SCATTER_SETTINGS.yAxis, zoomLevel: 1 },\n    zAxis: { ...DEFAULT_3D_SCATTER_SETTINGS.zAxis, zoomLevel: 1 },\n  }),\n\n  validateSettings: (settings) => {\n    return !!settings.xField && !!settings.yField && !!settings.zField;\n  },\n\n  getFilterFunction: () => () => true, // No filtering for 3D scatter\n};\n"]}