exploreda 0.0.6 → 0.1.0

package/dist/chunk-4HNDKMWF.js

@@ -0,0 +1,167 @@
+import { categoryLabel, useDataLayer, detectColumnType, finiteNumber, finiteNumbers } from './chunk-JNO7OXCC.js';
+import { schemeCategory10, interpolateViridis, interpolateCool, interpolateWarm, interpolatePlasma, interpolateMagma, interpolateInferno } from 'd3-scale-chromatic';
+import { scaleSequential, scaleOrdinal } from 'd3-scale';
+import { useMemo, useCallback } from 'react';
+
+var numericalPalettes = {
+  Viridis: interpolateViridis,
+  Inferno: interpolateInferno,
+  Magma: interpolateMagma,
+  Plasma: interpolatePlasma,
+  Warm: interpolateWarm,
+  Cool: interpolateCool
+};
+var defaultCategoricalColors = schemeCategory10;
+function makeD3ColorScale(scale) {
+  if (scale.type === "numerical") {
+    const interpolate = numericalPalettes[scale.palette] ?? interpolateViridis;
+    return scaleSequential(interpolate).domain([scale.min, scale.max]);
+  }
+  return scaleOrdinal().domain(Array.from(scale.mapping.keys())).range(scale.palette);
+}
+function makeColorScale(scale) {
+  const d3Scale = makeD3ColorScale(scale);
+  return (value) => scale.type === "numerical" ? d3Scale(Number(value)) : d3Scale(categoryLabel(value));
+}
+function planNumericalLegend(scale, width, breakpoints, formatValue, getColor) {
+  const count = scale.min === scale.max ? 1 : Math.max(2, Math.min(Math.round(breakpoints), Math.floor(width / 56)));
+  const stops = Array.from({ length: count }, (_, index) => {
+    const value = scale.min + (scale.max - scale.min) * index / Math.max(1, count - 1);
+    return { value, label: formatValue(value), color: getColor(value) };
+  });
+  return {
+    width,
+    requestedBreakpoints: breakpoints,
+    widthPerStop: 56,
+    domain: [scale.min, scale.max],
+    stops,
+    background: count === 1 ? stops[0].color : `linear-gradient(to right, ${stops.map((stop) => stop.color).join(", ")})`
+  };
+}
+function useColorScales() {
+  const colorScales = useDataLayer((state) => state.colorScales);
+  const addColorScale = useDataLayer((state) => state.addColorScale);
+  const removeColorScale = useDataLayer((state) => state.removeColorScale);
+  const updateColorScale = useDataLayer((state) => state.updateColorScale);
+  const getColumnData = useDataLayer((state) => state.getColumnData);
+  const fieldProfiles = useDataLayer((state) => state.fieldProfiles);
+  const charts = useDataLayer((state) => state.charts);
+  const d3Scales = useMemo(() => {
+    const scales = /* @__PURE__ */ new Map();
+    colorScales.forEach(
+      (scale) => scales.set(scale.id, makeD3ColorScale(scale))
+    );
+    return scales;
+  }, [colorScales]);
+  const getColorForValue = useCallback(
+    (scaleId, value, defaultColor = "#000000") => {
+      if (!scaleId) {
+        return defaultColor;
+      }
+      const scale = colorScales.find((s) => s.id === scaleId);
+      if (!scale) {
+        return "#000000";
+      }
+      const d3Scale = d3Scales.get(scaleId);
+      if (!d3Scale) {
+        return "#000000";
+      }
+      try {
+        if (scale.type === "numerical") {
+          return d3Scale(Number(value));
+        }
+        return d3Scale(categoryLabel(value));
+      } catch {
+        return "#000000";
+      }
+    },
+    [colorScales, d3Scales]
+  );
+  const getScaleById = (id) => {
+    return colorScales.find((s) => s.id === id);
+  };
+  const createDefaultNumericalScale = (name, min, max, sourceField) => {
+    const scale = {
+      name,
+      type: "numerical",
+      palette: "Viridis",
+      min,
+      max,
+      sourceField
+    };
+    return addColorScale(scale);
+  };
+  const createDefaultCategoricalScale = (name, values, sourceField) => {
+    const defaultPalette = defaultCategoricalColors;
+    const mapping = /* @__PURE__ */ new Map();
+    values.forEach((value, i) => {
+      mapping.set(
+        value,
+        defaultPalette[i % defaultPalette.length] ?? "#000000"
+      );
+    });
+    const scale = {
+      name,
+      type: "categorical",
+      palette: Array.from(mapping.values()),
+      mapping,
+      sourceField
+    };
+    return addColorScale(scale);
+  };
+  const getD3Scale = (scaleId) => {
+    return d3Scales.get(scaleId) ?? scaleSequential(interpolateViridis).domain([0, 1]);
+  };
+  const getOrCreateScaleForField = (field, name) => {
+    const boundScaleIds = new Set(
+      charts.filter(
+        (chart) => chart.colorField === field && typeof chart.colorScaleId === "string"
+      ).map((chart) => chart.colorScaleId)
+    );
+    if (boundScaleIds.size === 1) {
+      const [boundScaleId] = boundScaleIds;
+      if (boundScaleId && colorScales.some((scale) => scale.id === boundScaleId)) {
+        return boundScaleId;
+      }
+    }
+    const existingScale = colorScales.find((s) => s.sourceField === field);
+    if (existingScale) {
+      return existingScale.id;
+    }
+    const values = Object.values(getColumnData(field));
+    const cleanValues = values.filter((v) => v != null);
+    const profile = fieldProfiles.find((item) => item.name === field);
+    const isNumerical = (profile?.dataType ?? detectColumnType(getColumnData(field))) === "numeric" && cleanValues.some((value) => finiteNumber(value) !== void 0);
+    let newScale;
+    if (isNumerical) {
+      const numericValues = finiteNumbers(cleanValues);
+      const min = Math.min(...numericValues);
+      const max = Math.max(...numericValues);
+      newScale = createDefaultNumericalScale(name ?? field, min, max, field);
+    } else {
+      const uniqueValues = Array.from(new Set(values.map(categoryLabel)));
+      newScale = createDefaultCategoricalScale(
+        name ?? field,
+        uniqueValues,
+        field
+      );
+    }
+    return newScale.id;
+  };
+  return {
+    addColorScale,
+    removeColorScale,
+    updateColorScale,
+    getColorForValue,
+    getScaleById,
+    colorScales,
+    createDefaultNumericalScale,
+    createDefaultCategoricalScale,
+    getD3Scale,
+    getOrCreateScaleForField
+  };
+}
+
+export { makeColorScale, planNumericalLegend, useColorScales };
+//# sourceMappingURL=chunk-4HNDKMWF.js.map
+//# sourceMappingURL=chunk-4HNDKMWF.js.map

package/dist/chunk-4HNDKMWF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/colorScaleMath.ts","../src/hooks/useColorScales.ts"],"names":["scaleSequential","interpolateViridis"],"mappings":"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","file":"chunk-4HNDKMWF.js","sourcesContent":["import { categoryLabel } from \"./categories\";\nimport type { datum } from \"@/types/ChartTypes\";\nimport type { ColorScaleType } from \"@/types/ColorScaleTypes\";\nimport { scaleOrdinal, scaleSequential } from \"d3-scale\";\nimport type { ScaleOrdinal, ScaleSequential } from \"d3-scale\";\nimport {\n  interpolateCool,\n  interpolateInferno,\n  interpolateMagma,\n  interpolatePlasma,\n  interpolateViridis,\n  interpolateWarm,\n  schemeCategory10,\n} from \"d3-scale-chromatic\";\n\nconst numericalPalettes = {\n  Viridis: interpolateViridis,\n  Inferno: interpolateInferno,\n  Magma: interpolateMagma,\n  Plasma: interpolatePlasma,\n  Warm: interpolateWarm,\n  Cool: interpolateCool,\n};\n\nexport const defaultCategoricalColors = schemeCategory10;\n\nexport function makeD3ColorScale(scale: ColorScaleType) {\n  if (scale.type === \"numerical\") {\n    const interpolate =\n      numericalPalettes[scale.palette as keyof typeof numericalPalettes] ??\n      interpolateViridis;\n    return scaleSequential(interpolate).domain([scale.min, scale.max]);\n  }\n  return scaleOrdinal<string>()\n    .domain(Array.from(scale.mapping.keys()))\n    .range(scale.palette);\n}\n\nexport function makeColorScale(scale: ColorScaleType) {\n  const d3Scale = makeD3ColorScale(scale);\n  return (value: datum) =>\n    scale.type === \"numerical\"\n      ? (d3Scale as ScaleSequential<string>)(Number(value))\n      : (d3Scale as ScaleOrdinal<string, string>)(categoryLabel(value));\n}\n\nexport function planNumericalLegend(\n  scale: Extract<ColorScaleType, { type: \"numerical\" }>,\n  width: number,\n  breakpoints: number,\n  formatValue: (value: number) => string,\n  getColor: (value: number) => string\n) {\n  const count =\n    scale.min === scale.max\n      ? 1\n      : Math.max(2, Math.min(Math.round(breakpoints), Math.floor(width / 56)));\n  const stops = Array.from({ length: count }, (_, index) => {\n    const value =\n      scale.min + ((scale.max - scale.min) * index) / Math.max(1, count - 1);\n    return { value, label: formatValue(value), color: getColor(value) };\n  });\n  return {\n    width,\n    requestedBreakpoints: breakpoints,\n    widthPerStop: 56,\n    domain: [scale.min, scale.max] as [number, number],\n    stops,\n    background:\n      count === 1\n        ? stops[0]!.color\n        : `linear-gradient(to right, ${stops.map((stop) => stop.color).join(\", \")})`,\n  };\n}\n","import { finiteNumber, finiteNumbers } from \"@/lib/numeric\";\nimport { categoryLabel } from \"@/lib/categories\";\nimport { detectColumnType } from \"@/components/SummaryTable/utils/dataTypeDetection\";\nimport { useDataLayer } from \"@/providers/DataLayerProvider\";\nimport {\n  CategoricalColorScale,\n  ColorScaleType,\n  NumericalColorScale,\n  UseColorScalesReturn,\n} from \"@/types/ColorScaleTypes\";\nimport type { datum } from \"@/types/ChartTypes\";\nimport { interpolateViridis } from \"d3-scale-chromatic\";\nimport { scaleSequential } from \"d3-scale\";\nimport type { ScaleOrdinal, ScaleSequential } from \"d3-scale\";\nimport {\n  defaultCategoricalColors,\n  makeD3ColorScale,\n} from \"@/lib/colorScaleMath\";\n\nimport { useCallback, useMemo } from \"react\";\n\nexport function useColorScales(): UseColorScalesReturn {\n  const colorScales = useDataLayer((state) => state.colorScales);\n  const addColorScale = useDataLayer((state) => state.addColorScale);\n  const removeColorScale = useDataLayer((state) => state.removeColorScale);\n  const updateColorScale = useDataLayer((state) => state.updateColorScale);\n  const getColumnData = useDataLayer((state) => state.getColumnData);\n  const fieldProfiles = useDataLayer((state) => state.fieldProfiles);\n  const charts = useDataLayer((state) => state.charts);\n\n  // Memoized d3 scale objects\n  const d3Scales = useMemo(() => {\n    const scales = new Map<\n      string,\n      ScaleSequential<string> | ScaleOrdinal<string, string>\n    >();\n\n    colorScales.forEach((scale) =>\n      scales.set(scale.id, makeD3ColorScale(scale))\n    );\n\n    return scales;\n  }, [colorScales]);\n\n  const getColorForValue = useCallback(\n    (\n      scaleId: string | undefined,\n      value: datum,\n      defaultColor: string = \"#000000\"\n    ): string => {\n      if (!scaleId) {\n        return defaultColor;\n      }\n\n      const scale = colorScales.find((s) => s.id === scaleId);\n      if (!scale) {\n        // console.warn(`Color scale ${scaleId} not found`);\n        return \"#000000\";\n      }\n\n      const d3Scale = d3Scales.get(scaleId);\n      if (!d3Scale) {\n        return \"#000000\";\n      }\n\n      try {\n        if (scale.type === \"numerical\") {\n          return (d3Scale as ScaleSequential<string>)(Number(value));\n        }\n        return (d3Scale as ScaleOrdinal<string, string>)(categoryLabel(value));\n      } catch {\n        return \"#000000\";\n      }\n    },\n    [colorScales, d3Scales]\n  );\n\n  const getScaleById = (id: string): ColorScaleType | undefined => {\n    return colorScales.find((s) => s.id === id);\n  };\n\n  const createDefaultNumericalScale = (\n    name: string,\n    min: number,\n    max: number,\n    sourceField?: string\n  ): ColorScaleType => {\n    const scale: Omit<NumericalColorScale, \"id\"> = {\n      name,\n      type: \"numerical\",\n      palette: \"Viridis\",\n      min,\n      max,\n      sourceField,\n    };\n    return addColorScale(scale);\n  };\n\n  const createDefaultCategoricalScale = (\n    name: string,\n    values: string[],\n    sourceField?: string\n  ): ColorScaleType => {\n    const defaultPalette = defaultCategoricalColors;\n    const mapping = new Map<string, string>();\n    values.forEach((value, i) => {\n      mapping.set(\n        value,\n        defaultPalette[i % defaultPalette.length] ?? \"#000000\"\n      );\n    });\n\n    const scale: Omit<CategoricalColorScale, \"id\"> = {\n      name,\n      type: \"categorical\",\n      palette: Array.from(mapping.values()),\n      mapping,\n      sourceField,\n    };\n    return addColorScale(scale);\n  };\n\n  const getD3Scale = (scaleId: string) => {\n    return (\n      d3Scales.get(scaleId) ??\n      scaleSequential(interpolateViridis).domain([0, 1])\n    );\n  };\n\n  const getOrCreateScaleForField = (field: string, name?: string): string => {\n    // Existing chart bindings are authoritative. Keep the exact ID instead of\n    // matching display names.\n    const boundScaleIds = new Set(\n      charts\n        .filter(\n          (chart) =>\n            chart.colorField === field && typeof chart.colorScaleId === \"string\"\n        )\n        .map((chart) => chart.colorScaleId as string)\n    );\n    if (boundScaleIds.size === 1) {\n      const [boundScaleId] = boundScaleIds;\n      if (\n        boundScaleId &&\n        colorScales.some((scale) => scale.id === boundScaleId)\n      ) {\n        return boundScaleId;\n      }\n    }\n\n    // Otherwise reuse the explicitly bound source scale before creating one.\n    const existingScale = colorScales.find((s) => s.sourceField === field);\n    if (existingScale) {\n      return existingScale.id;\n    }\n\n    // Get all values for the field\n    const values = Object.values(getColumnData(field));\n\n    // Filter out null and undefined\n    const cleanValues = values.filter((v): v is string | number => v != null);\n\n    // Check if values are numerical\n    const profile = fieldProfiles.find((item) => item.name === field);\n    const isNumerical =\n      (profile?.dataType ?? detectColumnType(getColumnData(field))) ===\n        \"numeric\" &&\n      cleanValues.some((value) => finiteNumber(value) !== undefined);\n\n    let newScale: ColorScaleType;\n    if (isNumerical) {\n      const numericValues = finiteNumbers(cleanValues);\n      const min = Math.min(...numericValues);\n      const max = Math.max(...numericValues);\n      newScale = createDefaultNumericalScale(name ?? field, min, max, field);\n    } else {\n      const uniqueValues = Array.from(new Set(values.map(categoryLabel)));\n      newScale = createDefaultCategoricalScale(\n        name ?? field,\n        uniqueValues,\n        field\n      );\n    }\n\n    return newScale.id;\n  };\n\n  return {\n    addColorScale,\n    removeColorScale,\n    updateColorScale,\n    getColorForValue,\n    getScaleById,\n    colorScales,\n    createDefaultNumericalScale,\n    createDefaultCategoricalScale,\n    getD3Scale,\n    getOrCreateScaleForField,\n  };\n}\n"]}