@chartts/core 0.1.0

package/dist/chunk-M4UST3UU.cjs

@@ -0,0 +1,159 @@
+'use strict';
+
+var chunk5QOQR5FE_cjs = require('./chunk-5QOQR5FE.cjs');
+var chunkXHQWWR5M_cjs = require('./chunk-XHQWWR5M.cjs');
+
+// src/charts/matrix/matrix-type.ts
+var matrixChartType = {
+  type: "matrix",
+  getScaleTypes() {
+    return { x: "categorical", y: "categorical" };
+  },
+  prepareData(data, options) {
+    return chunk5QOQR5FE_cjs.prepareNoAxes(data, options);
+  },
+  render(ctx) {
+    const { data, area, theme, options } = ctx;
+    const nodes = [];
+    const mOpts = options;
+    const showValues = mOpts.showValues !== false;
+    const cellRadius = mOpts.cellRadius ?? 2;
+    const colorScale = mOpts.colorScale ?? "sequential";
+    const rows = data.series.length;
+    const cols = data.labels.length;
+    if (rows === 0 || cols === 0) return nodes;
+    let allMin = Infinity, allMax = -Infinity;
+    for (const s of data.series) {
+      for (const v of s.values) {
+        if (v < allMin) allMin = v;
+        if (v > allMax) allMax = v;
+      }
+    }
+    if (!isFinite(allMin)) allMin = 0;
+    if (!isFinite(allMax)) allMax = 1;
+    const valRange = allMax - allMin || 1;
+    const labelPadLeft = 60;
+    const labelPadTop = 30;
+    const gap = 2;
+    const gridW = area.width - labelPadLeft - 10;
+    const gridH = area.height - labelPadTop - 10;
+    const cellW = (gridW - gap * (cols - 1)) / cols;
+    const cellH = (gridH - gap * (rows - 1)) / rows;
+    const gridX = area.x + labelPadLeft;
+    const gridY = area.y + labelPadTop;
+    for (let c = 0; c < cols; c++) {
+      const cx = gridX + c * (cellW + gap) + cellW / 2;
+      nodes.push(chunkXHQWWR5M_cjs.text(cx, gridY - 8, String(data.labels[c] ?? ""), {
+        class: "chartts-matrix-col-label",
+        fill: theme.textMuted,
+        textAnchor: "middle",
+        dominantBaseline: "auto",
+        fontSize: Math.min(theme.fontSizeSmall, cellW * 0.35),
+        fontFamily: theme.fontFamily
+      }));
+    }
+    for (let r = 0; r < rows; r++) {
+      const series = data.series[r];
+      const ry = gridY + r * (cellH + gap);
+      nodes.push(chunkXHQWWR5M_cjs.text(gridX - 6, ry + cellH / 2, series.name, {
+        class: "chartts-matrix-row-label",
+        fill: theme.textMuted,
+        textAnchor: "end",
+        dominantBaseline: "central",
+        fontSize: Math.min(theme.fontSizeSmall, cellH * 0.4),
+        fontFamily: theme.fontFamily
+      }));
+      const rowNodes = [];
+      for (let c = 0; c < cols; c++) {
+        const val = series.values[c] ?? 0;
+        const cx = gridX + c * (cellW + gap);
+        const color = getCellColor(val, allMin, allMax, valRange, colorScale, options.colors);
+        const textColor = getContrastColor(val, allMin, allMax, valRange, colorScale);
+        rowNodes.push(chunkXHQWWR5M_cjs.rect(cx, ry, cellW, cellH, {
+          class: "chartts-matrix-cell",
+          fill: color,
+          rx: cellRadius,
+          ry: cellRadius,
+          "data-series": r,
+          "data-index": c,
+          tabindex: 0,
+          role: "img",
+          ariaLabel: `${series.name} \xD7 ${data.labels[c]}: ${val}`
+        }));
+        if (showValues && cellW > 18 && cellH > 14) {
+          const displayVal = Number.isInteger(val) ? String(val) : Math.abs(val) < 10 ? val.toFixed(2) : val.toFixed(1);
+          rowNodes.push(chunkXHQWWR5M_cjs.text(cx + cellW / 2, ry + cellH / 2, displayVal, {
+            class: "chartts-matrix-value",
+            fill: textColor,
+            textAnchor: "middle",
+            dominantBaseline: "central",
+            fontSize: Math.min(theme.fontSizeSmall, cellW * 0.3, cellH * 0.4),
+            fontFamily: theme.fontFamily,
+            fontWeight: 600,
+            pointerEvents: "none"
+          }));
+        }
+      }
+      nodes.push(chunkXHQWWR5M_cjs.group(rowNodes, {
+        class: `chartts-series chartts-series-${r}`,
+        "data-series-name": series.name
+      }));
+    }
+    return nodes;
+  },
+  hitTest(ctx, mx, my) {
+    const { data, area } = ctx;
+    const rows = data.series.length;
+    const cols = data.labels.length;
+    if (rows === 0 || cols === 0) return null;
+    const labelPadLeft = 60;
+    const labelPadTop = 30;
+    const gap = 2;
+    const gridW = area.width - labelPadLeft - 10;
+    const gridH = area.height - labelPadTop - 10;
+    const cellW = (gridW - gap * (cols - 1)) / cols;
+    const cellH = (gridH - gap * (rows - 1)) / rows;
+    const gridX = area.x + labelPadLeft;
+    const gridY = area.y + labelPadTop;
+    const col = Math.floor((mx - gridX) / (cellW + gap));
+    const row = Math.floor((my - gridY) / (cellH + gap));
+    if (row >= 0 && row < rows && col >= 0 && col < cols) {
+      return { seriesIndex: row, pointIndex: col, distance: 0 };
+    }
+    return null;
+  }
+};
+function getCellColor(val, min, max, range, scale, colors) {
+  if (scale === "diverging") {
+    const mid = (min + max) / 2;
+    if (val >= mid) {
+      const t2 = (val - mid) / (max - mid || 1);
+      return interpolateOpacity(colors[0] ?? "#3b82f6", 0.15 + t2 * 0.85);
+    } else {
+      const t2 = (mid - val) / (mid - min || 1);
+      return interpolateOpacity(colors[1] ?? "#ef4444", 0.15 + t2 * 0.85);
+    }
+  }
+  const t = (val - min) / range;
+  return interpolateOpacity(colors[0] ?? "#3b82f6", 0.08 + t * 0.9);
+}
+function getContrastColor(val, min, max, range, scale) {
+  if (scale === "diverging") {
+    const mid = (min + max) / 2;
+    const t2 = Math.abs(val - mid) / ((max - min) / 2 || 1);
+    return t2 > 0.5 ? "#ffffff" : "#1f2937";
+  }
+  const t = (val - min) / range;
+  return t > 0.55 ? "#ffffff" : "#1f2937";
+}
+function interpolateOpacity(baseColor, opacity) {
+  const hex = baseColor.includes("#") ? baseColor : "#3b82f6";
+  const r = parseInt(hex.slice(1, 3), 16) || 59;
+  const g = parseInt(hex.slice(3, 5), 16) || 130;
+  const b = parseInt(hex.slice(5, 7), 16) || 246;
+  return `rgba(${r},${g},${b},${opacity.toFixed(2)})`;
+}
+
+exports.matrixChartType = matrixChartType;
+//# sourceMappingURL=chunk-M4UST3UU.cjs.map
+//# sourceMappingURL=chunk-M4UST3UU.cjs.map

package/dist/chunk-M4UST3UU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/matrix/matrix-type.ts"],"names":["prepareNoAxes","text","rect","group","t"],"mappings":"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","file":"chunk-M4UST3UU.cjs","sourcesContent":["import type {\n  ChartTypePlugin, ChartData, ResolvedOptions, PreparedData,\n  RenderContext, RenderNode, HitResult, ScaleType,\n} from '../../types'\nimport { prepareNoAxes } from '../../utils/prepare'\nimport { rect, text, group } from '../../render/tree'\n\n/**\n * Matrix chart — grid layout with color-coded cells.\n *\n * Data convention:\n * - labels: row/column names (for square matrices) or column names\n * - series[i].name: row name, series[i].values[j]: cell value at row i, col j\n *\n * Options:\n * - showValues: display values in cells (default true)\n * - cellRadius: border-radius for cells (default 2)\n * - colorScale: 'sequential' | 'diverging' (default 'sequential')\n * - minColor: color for minimum value\n * - maxColor: color for maximum value\n */\n\nexport interface MatrixOptions {\n  showValues?: boolean\n  cellRadius?: number\n  colorScale?: 'sequential' | 'diverging'\n  minColor?: string\n  maxColor?: string\n}\n\nexport const matrixChartType: ChartTypePlugin = {\n  type: 'matrix',\n\n  getScaleTypes(): { x: ScaleType; y: ScaleType } {\n    return { x: 'categorical', y: 'categorical' }\n  },\n\n  prepareData(data: ChartData, options: ResolvedOptions): PreparedData {\n    return prepareNoAxes(data, options)\n  },\n\n  render(ctx: RenderContext): RenderNode[] {\n    const { data, area, theme, options } = ctx\n    const nodes: RenderNode[] = []\n\n    const mOpts = options as unknown as MatrixOptions\n    const showValues = mOpts.showValues !== false\n    const cellRadius = mOpts.cellRadius ?? 2\n    const colorScale = mOpts.colorScale ?? 'sequential'\n\n    const rows = data.series.length\n    const cols = data.labels.length\n    if (rows === 0 || cols === 0) return nodes\n\n    // Gather all values for color scale\n    let allMin = Infinity, allMax = -Infinity\n    for (const s of data.series) {\n      for (const v of s.values) {\n        if (v < allMin) allMin = v\n        if (v > allMax) allMax = v\n      }\n    }\n    if (!isFinite(allMin)) allMin = 0\n    if (!isFinite(allMax)) allMax = 1\n    const valRange = allMax - allMin || 1\n\n    // Layout\n    const labelPadLeft = 60\n    const labelPadTop = 30\n    const gap = 2\n    const gridW = area.width - labelPadLeft - 10\n    const gridH = area.height - labelPadTop - 10\n    const cellW = (gridW - gap * (cols - 1)) / cols\n    const cellH = (gridH - gap * (rows - 1)) / rows\n    const gridX = area.x + labelPadLeft\n    const gridY = area.y + labelPadTop\n\n    // Column headers\n    for (let c = 0; c < cols; c++) {\n      const cx = gridX + c * (cellW + gap) + cellW / 2\n      nodes.push(text(cx, gridY - 8, String(data.labels[c] ?? ''), {\n        class: 'chartts-matrix-col-label',\n        fill: theme.textMuted,\n        textAnchor: 'middle',\n        dominantBaseline: 'auto',\n        fontSize: Math.min(theme.fontSizeSmall, cellW * 0.35),\n        fontFamily: theme.fontFamily,\n      }))\n    }\n\n    // Row labels + cells\n    for (let r = 0; r < rows; r++) {\n      const series = data.series[r]!\n      const ry = gridY + r * (cellH + gap)\n\n      // Row label\n      nodes.push(text(gridX - 6, ry + cellH / 2, series.name, {\n        class: 'chartts-matrix-row-label',\n        fill: theme.textMuted,\n        textAnchor: 'end',\n        dominantBaseline: 'central',\n        fontSize: Math.min(theme.fontSizeSmall, cellH * 0.4),\n        fontFamily: theme.fontFamily,\n      }))\n\n      const rowNodes: RenderNode[] = []\n      for (let c = 0; c < cols; c++) {\n        const val = series.values[c] ?? 0\n        const cx = gridX + c * (cellW + gap)\n\n        // Color interpolation\n        const color = getCellColor(val, allMin, allMax, valRange, colorScale, options.colors)\n        const textColor = getContrastColor(val, allMin, allMax, valRange, colorScale)\n\n        rowNodes.push(rect(cx, ry, cellW, cellH, {\n          class: 'chartts-matrix-cell',\n          fill: color,\n          rx: cellRadius,\n          ry: cellRadius,\n          'data-series': r,\n          'data-index': c,\n          tabindex: 0,\n          role: 'img',\n          ariaLabel: `${series.name} × ${data.labels[c]}: ${val}`,\n        }))\n\n        // Value text\n        if (showValues && cellW > 18 && cellH > 14) {\n          const displayVal = Number.isInteger(val) ? String(val)\n            : Math.abs(val) < 10 ? val.toFixed(2) : val.toFixed(1)\n\n          rowNodes.push(text(cx + cellW / 2, ry + cellH / 2, displayVal, {\n            class: 'chartts-matrix-value',\n            fill: textColor,\n            textAnchor: 'middle',\n            dominantBaseline: 'central',\n            fontSize: Math.min(theme.fontSizeSmall, cellW * 0.3, cellH * 0.4),\n            fontFamily: theme.fontFamily,\n            fontWeight: 600,\n            pointerEvents: 'none',\n          }))\n        }\n      }\n\n      nodes.push(group(rowNodes, {\n        class: `chartts-series chartts-series-${r}`,\n        'data-series-name': series.name,\n      }))\n    }\n\n    return nodes\n  },\n\n  hitTest(ctx: RenderContext, mx: number, my: number): HitResult | null {\n    const { data, area } = ctx\n    const rows = data.series.length\n    const cols = data.labels.length\n    if (rows === 0 || cols === 0) return null\n\n    const labelPadLeft = 60\n    const labelPadTop = 30\n    const gap = 2\n    const gridW = area.width - labelPadLeft - 10\n    const gridH = area.height - labelPadTop - 10\n    const cellW = (gridW - gap * (cols - 1)) / cols\n    const cellH = (gridH - gap * (rows - 1)) / rows\n    const gridX = area.x + labelPadLeft\n    const gridY = area.y + labelPadTop\n\n    const col = Math.floor((mx - gridX) / (cellW + gap))\n    const row = Math.floor((my - gridY) / (cellH + gap))\n\n    if (row >= 0 && row < rows && col >= 0 && col < cols) {\n      return { seriesIndex: row, pointIndex: col, distance: 0 }\n    }\n    return null\n  },\n}\n\n// ---------------------------------------------------------------------------\n// Color helpers\n// ---------------------------------------------------------------------------\n\nfunction getCellColor(\n  val: number, min: number, max: number, range: number,\n  scale: string, colors: readonly string[],\n): string {\n  if (scale === 'diverging') {\n    const mid = (min + max) / 2\n    if (val >= mid) {\n      const t = (val - mid) / ((max - mid) || 1)\n      return interpolateOpacity(colors[0] ?? '#3b82f6', 0.15 + t * 0.85)\n    } else {\n      const t = (mid - val) / ((mid - min) || 1)\n      return interpolateOpacity(colors[1] ?? '#ef4444', 0.15 + t * 0.85)\n    }\n  }\n  // Sequential\n  const t = (val - min) / range\n  return interpolateOpacity(colors[0] ?? '#3b82f6', 0.08 + t * 0.9)\n}\n\nfunction getContrastColor(\n  val: number, min: number, max: number, range: number, scale: string,\n): string {\n  if (scale === 'diverging') {\n    const mid = (min + max) / 2\n    const t = Math.abs(val - mid) / ((max - min) / 2 || 1)\n    return t > 0.5 ? '#ffffff' : '#1f2937'\n  }\n  const t = (val - min) / range\n  return t > 0.55 ? '#ffffff' : '#1f2937'\n}\n\nfunction interpolateOpacity(baseColor: string, opacity: number): string {\n  // For CSS var() colors, we use opacity approach\n  // Return as rgba-compatible format\n  const hex = baseColor.includes('#') ? baseColor : '#3b82f6'\n  const r = parseInt(hex.slice(1, 3), 16) || 59\n  const g = parseInt(hex.slice(3, 5), 16) || 130\n  const b = parseInt(hex.slice(5, 7), 16) || 246\n  return `rgba(${r},${g},${b},${opacity.toFixed(2)})`\n}\n"]}