shap-svg 0.1.0

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/ShapBar.tsx","../src/react/XAxis.tsx","../src/react/ShapWaterfall.tsx","../src/react/ShapBeeswarm.tsx","../src/react/ShapHeatmap.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { Explanation } from \"../core/types\";\nimport { parseExplanation } from \"../core/parse\";\nimport { groupExplanationByGenus } from \"../core/taxonomy\";\nimport { globalImportance, orderFeatures } from \"../core/order\";\nimport { collapseToDisplay } from \"../core/collapse\";\nimport { barLayout } from \"../core/barLayout\";\nimport { formatShapValue } from \"../core/format\";\nimport { XAxis } from \"./XAxis\";\n\nexport type ShapBarProps = {\n  explanation: Explanation;\n  maxDisplay?: number;\n  faithfulOtherRow?: boolean;\n  /** Collapse `Genus_species` Features into their genus before drawing. */\n  groupByGenus?: boolean;\n  classIndex?: number;\n  width?: number;\n  rowHeight?: number;\n  onFeatureClick?: (featureIndex: number | null) => void;\n};\n\nexport function ShapBar({\n  explanation,\n  maxDisplay = 10,\n  faithfulOtherRow = false,\n  groupByGenus = false,\n  classIndex = 1,\n  width = 720,\n  rowHeight = 26,\n  onFeatureClick,\n}: ShapBarProps) {\n  const [hovered, setHovered] = useState<number | null>(null);\n\n  const layout = useMemo(() => {\n    const raw = parseExplanation(explanation, { classIndex });\n    const parsed = groupByGenus ? groupExplanationByGenus(raw) : raw;\n    const importance = globalImportance(parsed);\n    const order = orderFeatures(importance);\n    const rows = collapseToDisplay(\n      parsed.featureNames, importance, order, maxDisplay, faithfulOtherRow,\n    );\n    return barLayout(rows, {\n      width, rowHeight, marginLeft: 260, marginRight: 90, marginTop: 8,\n    });\n  }, [groupByGenus, explanation, maxDisplay, faithfulOtherRow, classIndex, width, rowHeight]);\n\n  return (\n    <svg width={width} height={layout.height} role=\"img\"\n         aria-label=\"Mean absolute SHAP value per feature\">\n      <line x1={layout.zeroLine.x} x2={layout.zeroLine.x}\n            y1={layout.zeroLine.y1} y2={layout.zeroLine.y2}\n            stroke=\"#333333\" strokeWidth={1} />\n      <XAxis ticks={layout.xTicks} spine={layout.xSpine} title={layout.xTitle}\n             plotBottom={layout.plotBottom} tickFontSize={11} />\n      {layout.bars.map((bar, i) => (\n        <g key={`row-${i}`}\n           onMouseEnter={() => setHovered(i)}\n           onMouseLeave={() => setHovered(null)}\n           onClick={() => onFeatureClick?.(bar.featureIndex)}\n           style={{ cursor: onFeatureClick ? \"pointer\" : \"default\" }}>\n          <rect x={0} y={bar.y - (rowHeight - bar.height) / 2}\n                width={width} height={rowHeight}\n                fill={hovered === i ? \"#00000008\" : \"transparent\"} />\n          <text x={250} y={bar.centerY} textAnchor=\"end\" dominantBaseline=\"middle\"\n                fontSize={13} fill=\"#333333\"\n                fontStyle={bar.isOtherRow ? \"normal\" : \"italic\"}>\n            {bar.label}\n          </text>\n          <rect x={bar.x} y={bar.y} width={bar.width} height={bar.height}\n                fill={bar.color} stroke=\"rgba(255,255,255,0.8)\" strokeWidth={1} />\n          <text x={bar.x + bar.width + 6} y={bar.centerY} dominantBaseline=\"middle\"\n                fontSize={12} fill={bar.color}>\n            {formatShapValue(bar.value)}\n          </text>\n        </g>\n      ))}\n    </svg>\n  );\n}\n","import {\n  AxisSpine,\n  AxisTick,\n  AxisTitle,\n  TICK_LABEL_DY,\n  TICK_LENGTH,\n} from \"../core/ticks\";\n\n/**\n * The bottom axis the summary charts share: optional spine, outward ticks with\n * labels, and a centred title. The layouts decide every position; this only\n * draws them, so the three charts cannot drift apart in how an axis looks.\n */\nexport function XAxis({\n  ticks,\n  spine,\n  title,\n  plotBottom,\n  tickFontSize = 11,\n}: {\n  ticks: AxisTick[];\n  spine: AxisSpine | null;\n  title: AxisTitle;\n  plotBottom: number;\n  /** SHAP's tick label size for the chart, in the same units as the text. */\n  tickFontSize?: number;\n}) {\n  return (\n    <g aria-hidden=\"true\">\n      {spine && (\n        <line\n          x1={spine.x1}\n          x2={spine.x2}\n          y1={spine.y}\n          y2={spine.y}\n          stroke=\"#333333\"\n          strokeWidth={1}\n        />\n      )}\n      {ticks.map((tick) => (\n        <g key={`xtick-${tick.value}`}>\n          <line\n            x1={tick.x}\n            x2={tick.x}\n            y1={plotBottom}\n            y2={plotBottom + TICK_LENGTH}\n            stroke=\"#333333\"\n            strokeWidth={1}\n          />\n          <text\n            x={tick.x}\n            y={plotBottom + TICK_LABEL_DY}\n            textAnchor=\"middle\"\n            fontSize={tickFontSize}\n            fill=\"#333333\"\n          >\n            {tick.label}\n          </text>\n        </g>\n      ))}\n      <text\n        x={title.x}\n        y={title.y}\n        textAnchor=\"middle\"\n        fontSize={title.fontSize}\n        fill=\"#333333\"\n      >\n        {title.text}\n      </text>\n    </g>\n  );\n}\n","import { useMemo, useState } from \"react\";\nimport { Explanation } from \"../core/types\";\nimport { parseExplanation } from \"../core/parse\";\nimport { groupExplanationByGenus } from \"../core/taxonomy\";\nimport { ValuePrecision } from \"../core/format\";\nimport {\n  WATERFALL_BASE_LABEL_DY,\n  WATERFALL_TICK_LABEL_DY,\n  waterfallLayout,\n  waterfallRows,\n} from \"../core/waterfallLayout\";\n\nexport type ShapWaterfallProps = {\n  explanation: Explanation;\n  sampleIndex?: number;\n  maxDisplay?: number;\n  faithfulOtherRow?: boolean;\n  /** Collapse `Genus_species` Features into their genus before drawing. */\n  groupByGenus?: boolean;\n  classIndex?: number;\n  width?: number;\n  rowHeight?: number;\n  /** Decimal places for the bar labels. Display only — it changes no geometry but the text width. */\n  decimals?: ValuePrecision;\n  onFeatureClick?: (featureIndex: number | null) => void;\n};\n\nexport function ShapWaterfall({\n  explanation,\n  sampleIndex = 0,\n  maxDisplay = 10,\n  faithfulOtherRow = false,\n  groupByGenus = false,\n  classIndex = 1,\n  width = 720,\n  rowHeight = 30,\n  decimals = 2,\n  onFeatureClick,\n}: ShapWaterfallProps) {\n  const [hovered, setHovered] = useState<number | null>(null);\n  const marginTop = 34;\n\n  const layout = useMemo(() => {\n    const raw = parseExplanation(explanation, { classIndex });\n    const parsed = groupByGenus ? groupExplanationByGenus(raw) : raw;\n    const rows = waterfallRows(parsed, sampleIndex, maxDisplay, faithfulOtherRow);\n    return waterfallLayout(rows, {\n      width,\n      rowHeight,\n      marginLeft: 260,\n      marginRight: 110,\n      marginTop,\n      decimals,\n    });\n  }, [groupByGenus, \n    explanation, sampleIndex, maxDisplay, faithfulOtherRow,\n    classIndex, width, rowHeight, decimals,\n  ]);\n\n  return (\n    <svg\n      width={width}\n      height={layout.height}\n      role=\"img\"\n      aria-label={`Local SHAP waterfall for Sample ${sampleIndex}`}\n    >\n      {layout.separators.map((separator, index) => (\n        <line\n          key={`separator-${index}`}\n          x1={separator.x1}\n          x2={separator.x2}\n          y1={separator.y}\n          y2={separator.y}\n          stroke=\"#cccccc\"\n          strokeWidth={1}\n          strokeDasharray=\"1 5\"\n        />\n      ))}\n\n      <g aria-hidden=\"true\">\n        <line\n          x1={layout.plotLeft}\n          x2={layout.plotRight}\n          y1={layout.plotBottom}\n          y2={layout.plotBottom}\n          stroke=\"#333333\"\n          strokeWidth={1}\n        />\n        {layout.xTicks.map((tick) => (\n          <g key={`tick-${tick.value}`}>\n            <line\n              x1={tick.x}\n              x2={tick.x}\n              y1={layout.plotBottom}\n              y2={layout.plotBottom + 5}\n              stroke=\"#333333\"\n              strokeWidth={1}\n            />\n            <text\n              x={tick.x}\n              y={layout.plotBottom + WATERFALL_TICK_LABEL_DY}\n              textAnchor=\"middle\"\n              fontSize={11}\n              fill=\"#333333\"\n            >\n              {tick.label}\n            </text>\n          </g>\n        ))}\n      </g>\n\n      {layout.connectors.map((connector, index) => (\n        <line\n          key={`connector-${index}`}\n          x1={connector.x}\n          x2={connector.x}\n          y1={connector.y1}\n          y2={connector.y2}\n          stroke=\"#bbbbbb\"\n          strokeWidth={1}\n          strokeDasharray=\"4 4\"\n        />\n      ))}\n\n      {layout.axisMarks.map((mark) => (\n        <g key={mark.kind}>\n          <line\n            x1={mark.x}\n            x2={mark.x}\n            y1={mark.y1}\n            y2={mark.y2}\n            stroke=\"#bbbbbb\"\n            strokeWidth={1}\n            strokeDasharray=\"4 4\"\n          />\n          <text\n            x={mark.x}\n            y={\n              mark.kind === \"output\"\n                ? marginTop - 10\n                : layout.plotBottom + WATERFALL_BASE_LABEL_DY\n            }\n            textAnchor=\"middle\"\n            fontSize={12}\n            fill=\"#777777\"\n          >\n            {mark.label}\n          </text>\n        </g>\n      ))}\n\n      {layout.arrows.map((arrow, index) => (\n        <g\n          key={`row-${index}`}\n          onMouseEnter={() => setHovered(index)}\n          onMouseLeave={() => setHovered(null)}\n          onClick={() => onFeatureClick?.(arrow.featureIndex)}\n          style={{ cursor: onFeatureClick ? \"pointer\" : \"default\" }}\n        >\n          <rect\n            x={0}\n            y={arrow.centerY - rowHeight / 2}\n            width={width}\n            height={rowHeight}\n            fill={hovered === index ? \"#00000008\" : \"transparent\"}\n          />\n          <text\n            x={250}\n            y={arrow.centerY}\n            textAnchor=\"end\"\n            dominantBaseline=\"middle\"\n            fontSize={13}\n            fill=\"#333333\"\n            fontStyle={arrow.isOtherRow ? \"normal\" : \"italic\"}\n          >\n            {arrow.label}\n          </text>\n          <polygon\n            points={arrow.points.map((point) => `${point.x},${point.y}`).join(\" \")}\n            fill={arrow.color}\n            stroke=\"rgba(255,255,255,0.8)\"\n            strokeWidth={1}\n          />\n          <text\n            x={arrow.valueLabel.x}\n            y={arrow.centerY}\n            textAnchor={arrow.valueLabel.anchor}\n            dominantBaseline=\"middle\"\n            fontSize={12}\n            fill={arrow.valueLabel.inside ? \"#ffffff\" : arrow.color}\n          >\n            {arrow.valueLabel.text}\n          </text>\n        </g>\n      ))}\n    </svg>\n  );\n}\n","import { MouseEvent as ReactMouseEvent, useMemo, useState } from \"react\";\nimport { beeswarmLayout, beeswarmRows } from \"../core/beeswarmLayout\";\nimport { sampleColormap } from \"../core/colormap\";\nimport { formatShapValue } from \"../core/format\";\nimport { XAxis } from \"./XAxis\";\nimport { parseExplanation } from \"../core/parse\";\nimport { groupExplanationByGenus } from \"../core/taxonomy\";\nimport { RowSort } from \"../core/rowSort\";\nimport { Explanation } from \"../core/types\";\n\nexport type ShapBeeswarmProps = {\n  explanation: Explanation;\n  maxDisplay?: number;\n  faithfulOtherRow?: boolean;\n  /** Collapse `Genus_species` Features into their genus before drawing. */\n  groupByGenus?: boolean;\n  /** Order of the displayed rows. Never changes which rows are shown. */\n  rowSort?: RowSort;\n  classIndex?: number;\n  width?: number;\n  rowHeight?: number;\n  seed?: number;\n  dotRadius?: number;\n  onFeatureClick?: (featureIndex: number | null) => void;\n};\n\ntype HoveredPoint = { rowIndex: number; pointIndex: number };\n\nexport function ShapBeeswarm({\n  explanation,\n  maxDisplay = 10,\n  faithfulOtherRow = false,\n  groupByGenus = false,\n  rowSort = \"importance\",\n  classIndex = 1,\n  width = 720,\n  rowHeight = 28,\n  seed = 0,\n  dotRadius = 3,\n  onFeatureClick,\n}: ShapBeeswarmProps) {\n  const [hovered, setHovered] = useState<HoveredPoint | null>(null);\n  const marginTop = 8;\n\n  const layout = useMemo(() => {\n    const raw = parseExplanation(explanation, { classIndex });\n    const parsed = groupByGenus ? groupExplanationByGenus(raw) : raw;\n    const rows = beeswarmRows(parsed, maxDisplay, faithfulOtherRow, seed, rowSort);\n    return beeswarmLayout(rows, {\n      width,\n      rowHeight,\n      marginLeft: 260,\n      marginRight: 90,\n      marginTop,\n      dotRadius,\n    });\n  }, [groupByGenus, rowSort, \n    explanation,\n    maxDisplay,\n    faithfulOtherRow,\n    classIndex,\n    width,\n    rowHeight,\n    seed,\n    dotRadius,\n  ]);\n\n  const handlePointHover = (rowIndex: number, event: ReactMouseEvent<SVGGElement>) => {\n    const attribute = (event.target as Element).getAttribute?.(\"data-point-index\");\n    if (attribute === null || attribute === undefined) return;\n    const pointIndex = Number(attribute);\n    if (Number.isInteger(pointIndex)) setHovered({ rowIndex, pointIndex });\n  };\n\n  const fallbackRow = layout.rows[0];\n  const activeRow = hovered ? layout.rows[hovered.rowIndex] : fallbackRow;\n  const activePoint = hovered\n    ? activeRow?.points[hovered.pointIndex]\n    : activeRow?.points[0];\n  const legendSteps = 32;\n\n  return (\n    <svg width={width} height={layout.height} role=\"img\" aria-label=\"Global SHAP beeswarm\">\n      <line\n        x1={layout.xZero}\n        x2={layout.xZero}\n        y1={marginTop}\n        y2={layout.plotBottom}\n        stroke=\"#777777\"\n        strokeWidth={1}\n      />\n\n      {layout.rows.map((row, rowIndex) => (\n        <g\n          key={`row-${rowIndex}`}\n          onMouseOver={(event) => handlePointHover(rowIndex, event)}\n          onMouseLeave={() => setHovered(null)}\n          onClick={() => onFeatureClick?.(row.featureIndex)}\n          style={{ cursor: onFeatureClick ? \"pointer\" : \"default\" }}\n        >\n          <rect\n            x={0}\n            y={row.centerY - rowHeight / 2}\n            width={width}\n            height={rowHeight}\n            fill={hovered?.rowIndex === rowIndex ? \"#00000008\" : \"transparent\"}\n          />\n          <text\n            x={250}\n            y={row.centerY}\n            textAnchor=\"end\"\n            dominantBaseline=\"middle\"\n            fontSize={13}\n            fill=\"#333333\"\n            fontStyle={row.isOtherRow ? \"normal\" : \"italic\"}\n          >\n            {row.label}\n          </text>\n          {row.points.map((point, pointIndex) => (\n            <circle\n              key={`point-${point.sampleIndex}`}\n              data-point-index={pointIndex}\n              cx={point.x}\n              cy={point.y}\n              r={point.radius}\n              fill={point.color}\n              fillOpacity={0.7}\n            />\n          ))}\n        </g>\n      ))}\n\n      <XAxis\n        ticks={layout.xTicks}\n        spine={layout.xSpine}\n        title={layout.xTitle}\n        plotBottom={layout.plotBottom}\n        tickFontSize={11}\n      />\n\n      {activeRow && (\n        <g aria-label=\"Feature value colour scale\">\n          {Array.from({ length: legendSteps }, (_, index) => (\n            <rect\n              key={`legend-${index}`}\n              x={width - 160 + index * 4}\n              y={layout.height - 22}\n              width={4}\n              height={7}\n              fill={sampleColormap(\"red_blue\", index / (legendSteps - 1))}\n            />\n          ))}\n          <text x={width - 160} y={layout.height - 3} fontSize={10} fill=\"#555555\">\n            {formatShapValue(activeRow.vmin)}\n          </text>\n          <text\n            x={width - 32}\n            y={layout.height - 3}\n            textAnchor=\"end\"\n            fontSize={10}\n            fill=\"#555555\"\n          >\n            {formatShapValue(activeRow.vmax)}\n          </text>\n        </g>\n      )}\n\n      {activeRow && activePoint && (\n        <g\n          opacity={hovered ? 1 : 0}\n          pointerEvents=\"none\"\n          transform={`translate(${activePoint.x + 8} ${activePoint.y - 8})`}\n        >\n          <rect x={0} y={-16} width={210} height={54} rx={3} fill=\"#ffffff\" stroke=\"#cccccc\" />\n          <text x={7} y={0} fontSize={11} fill=\"#222222\">{activeRow.label}</text>\n          <text x={7} y={15} fontSize={11} fill=\"#222222\">\n            {`SHAP value: ${formatShapValue(activePoint.valueX)}`}\n          </text>\n          <text x={7} y={30} fontSize={11} fill=\"#222222\">\n            {`Feature value: ${Number.isFinite(activePoint.featureValue)\n              ? formatShapValue(activePoint.featureValue)\n              : \"missing\"}`}\n          </text>\n        </g>\n      )}\n    </svg>\n  );\n}\n","import { useMemo, useState } from \"react\";\nimport { formatShapValue } from \"../core/format\";\nimport { XAxis } from \"./XAxis\";\nimport { heatmapLayout, heatmapRows } from \"../core/heatmapLayout\";\nimport { parseExplanation } from \"../core/parse\";\nimport { groupExplanationByGenus } from \"../core/taxonomy\";\nimport { RowSort } from \"../core/rowSort\";\nimport { Explanation } from \"../core/types\";\n\nexport type ShapHeatmapProps = {\n  explanation: Explanation;\n  maxDisplay?: number;\n  faithfulOtherRow?: boolean;\n  /** Collapse `Genus_species` Features into their genus before drawing. */\n  groupByGenus?: boolean;\n  /** Order of the displayed rows. Never changes which rows are shown. */\n  rowSort?: RowSort;\n  classIndex?: number;\n  width?: number;\n  rowHeight?: number;\n  onFeatureClick?: (featureIndex: number | null) => void;\n  onSampleClick?: (sampleId: string) => void;\n};\n\nexport function ShapHeatmap({\n  explanation,\n  maxDisplay = 10,\n  faithfulOtherRow = false,\n  groupByGenus = false,\n  rowSort = \"importance\",\n  classIndex = 1,\n  width = 720,\n  rowHeight = 26,\n  onFeatureClick,\n  onSampleClick,\n}: ShapHeatmapProps) {\n  const [hoveredColumn, setHoveredColumn] = useState<number | null>(null);\n  const marginTop = 72;\n\n  const layout = useMemo(() => {\n    const raw = parseExplanation(explanation, { classIndex });\n    const parsed = groupByGenus ? groupExplanationByGenus(raw) : raw;\n    const rows = heatmapRows(parsed, maxDisplay, faithfulOtherRow, rowSort);\n    return heatmapLayout(rows, {\n      width,\n      rowHeight,\n      marginLeft: 260,\n      marginRight: 100,\n      marginTop,\n    });\n  }, [groupByGenus, rowSort, explanation, maxDisplay, faithfulOtherRow, classIndex, width, rowHeight]);\n\n  const activeColumn = hoveredColumn === null ? undefined : layout.columns[hoveredColumn];\n\n  // What a person reads for a column. sampleId is the record UUID — the key\n  // onSampleClick hands back — and is never shown: an old payload without\n  // labels reads \"Sample n\" rather than a UUID.\n  const nameOf = (column: { sampleIndex: number; sampleLabel?: string }) => {\n    if (!column.sampleLabel) return `Sample ${column.sampleIndex + 1}`;\n    return layout.sampleLabelColumn\n      ? `${layout.sampleLabelColumn}: ${column.sampleLabel}`\n      : column.sampleLabel;\n  };\n  // Real ids (\"subject_id: CCIS02856720ST-4-0\") run past a fixed box.\n  const tooltipWidth = activeColumn\n    ? Math.max(190, nameOf(activeColumn).length * 6.5 + 16)\n    : 190;\n  const tooltipX = activeColumn\n    ? Math.max(0, Math.min(activeColumn.centerX + 8, width - tooltipWidth - 8))\n    : 0;\n\n  return (\n    <svg width={width} height={layout.height} role=\"img\" aria-label=\"Global SHAP heatmap\">\n      {layout.fxAxisMarks.map((mark) => (\n        <g key={`fx-axis-${mark.value}`}>\n          <line\n            x1={layout.gridLeft - 4}\n            x2={layout.gridRight}\n            y1={mark.y}\n            y2={mark.y}\n            stroke=\"#dddddd\"\n            strokeWidth={1}\n          />\n          <text\n            x={layout.gridLeft - 8}\n            y={mark.y}\n            textAnchor=\"end\"\n            dominantBaseline=\"middle\"\n            fontSize={10}\n            fill=\"#666666\"\n          >\n            {mark.label}\n          </text>\n        </g>\n      ))}\n\n      <polyline\n        points={layout.fxLine.map((point) => `${point.x},${point.y}`).join(\" \")}\n        fill=\"none\"\n        stroke=\"#333333\"\n        strokeWidth={1.5}\n      />\n      <line\n        x1={layout.gridLeft}\n        x2={layout.gridRight}\n        y1={layout.separatorY}\n        y2={layout.separatorY}\n        stroke=\"#888888\"\n        strokeWidth={1}\n        strokeDasharray=\"4 4\"\n      />\n\n      <XAxis\n        ticks={layout.xTicks}\n        spine={layout.xSpine}\n        title={layout.xTitle}\n        plotBottom={layout.plotBottom}\n        tickFontSize={10}\n      />\n\n      <g aria-hidden=\"true\">\n        {[layout.spines.left, layout.spines.right].map((spine, index) => (\n          <line\n            key={`spine-${index}`}\n            x1={spine.x}\n            x2={spine.x}\n            y1={spine.y1}\n            y2={spine.y2}\n            stroke=\"#333333\"\n            strokeWidth={1}\n          />\n        ))}\n        {layout.yTicks.map((tick, index) => (\n          <line\n            key={`ytick-${index}`}\n            x1={tick.x1}\n            x2={tick.x2}\n            y1={tick.y}\n            y2={tick.y}\n            stroke=\"#333333\"\n            strokeWidth={1}\n          />\n        ))}\n      </g>\n\n      {layout.rows.map((row, rowIndex) => (\n        <g\n          key={`row-${rowIndex}`}\n          onClick={() => onFeatureClick?.(row.featureIndex)}\n          style={{ cursor: onFeatureClick ? \"pointer\" : \"default\" }}\n        >\n          <text\n            x={250}\n            y={row.centerY}\n            textAnchor=\"end\"\n            dominantBaseline=\"middle\"\n            fontSize={13}\n            fill=\"#333333\"\n            fontStyle={row.isOtherRow ? \"normal\" : \"italic\"}\n          >\n            {row.label}\n          </text>\n          {row.cells.map((cell, columnIndex) => (\n            <rect\n              key={`cell-${columnIndex}`}\n              x={cell.x}\n              y={cell.y}\n              width={cell.width}\n              height={cell.height}\n              fill={cell.color}\n            />\n          ))}\n          <rect\n            x={row.sideBar.x}\n            y={row.sideBar.y}\n            width={row.sideBar.width}\n            height={row.sideBar.height}\n            fill=\"#777777\"\n          />\n        </g>\n      ))}\n\n      {activeColumn && (\n        <rect\n          x={activeColumn.x}\n          y={8}\n          width={activeColumn.width}\n          height={layout.plotBottom - 8}\n          fill=\"#000000\"\n          fillOpacity={0.1}\n          pointerEvents=\"none\"\n        />\n      )}\n\n      {layout.columns.map((column, columnIndex) => (\n        <rect\n          key={`column-hit-${column.sampleIndex}`}\n          x={column.x}\n          y={8}\n          width={column.width}\n          height={layout.plotBottom - 8}\n          fill=\"transparent\"\n          aria-label={`${nameOf(column)}, total SHAP value ${formatShapValue(column.total)}`}\n          onMouseEnter={() => setHoveredColumn(columnIndex)}\n          onMouseLeave={() => setHoveredColumn(null)}\n          onClick={() => {\n            if (column.sampleId !== undefined) onSampleClick?.(column.sampleId);\n          }}\n          style={{ cursor: column.sampleId && onSampleClick ? \"pointer\" : \"default\" }}\n        />\n      ))}\n\n      {activeColumn && (\n        <g pointerEvents=\"none\" transform={`translate(${tooltipX} 10)`}>\n          <rect x={0} y={0} width={tooltipWidth} height={42} rx={3} fill=\"#ffffff\" stroke=\"#cccccc\" />\n          <text x={7} y={15} fontSize={11} fill=\"#222222\">\n            {nameOf(activeColumn)}\n          </text>\n          <text x={7} y={31} fontSize={11} fill=\"#222222\">\n            {`Σφ: ${formatShapValue(activeColumn.total)}`}\n          </text>\n        </g>\n      )}\n    </svg>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,SAAS,gBAAgB;;;AC8B1B,cAUA,YAVA;AAjBD,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAOG;AACD,SACE,qBAAC,OAAE,eAAY,QACZ;AAAA,aACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,MAAM;AAAA,QACV,IAAI,MAAM;AAAA,QACV,IAAI,MAAM;AAAA,QACV,IAAI,MAAM;AAAA,QACV,QAAO;AAAA,QACP,aAAa;AAAA;AAAA,IACf;AAAA,IAED,MAAM,IAAI,CAAC,SACV,qBAAC,OACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,KAAK;AAAA,UACT,IAAI,KAAK;AAAA,UACT,IAAI;AAAA,UACJ,IAAI,aAAa;AAAA,UACjB,QAAO;AAAA,UACP,aAAa;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,GAAG,KAAK;AAAA,UACR,GAAG,aAAa;AAAA,UAChB,YAAW;AAAA,UACX,UAAU;AAAA,UACV,MAAK;AAAA,UAEJ,eAAK;AAAA;AAAA,MACR;AAAA,SAjBM,SAAS,KAAK,KAAK,EAkB3B,CACD;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,YAAW;AAAA,QACX,UAAU,MAAM;AAAA,QAChB,MAAK;AAAA,QAEJ,gBAAM;AAAA;AAAA,IACT;AAAA,KACF;AAEJ;;;ADrBM,gBAAAA,MAME,QAAAC,aANF;AA5BC,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AACF,GAAiB;AACf,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwB,IAAI;AAE1D,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAM,MAAM,iBAAiB,aAAa,EAAE,WAAW,CAAC;AACxD,UAAM,SAAS,eAAe,wBAAwB,GAAG,IAAI;AAC7D,UAAM,aAAa,iBAAiB,MAAM;AAC1C,UAAM,QAAQ,cAAc,UAAU;AACtC,UAAM,OAAO;AAAA,MACX,OAAO;AAAA,MAAc;AAAA,MAAY;AAAA,MAAO;AAAA,MAAY;AAAA,IACtD;AACA,WAAO,UAAU,MAAM;AAAA,MACrB;AAAA,MAAO;AAAA,MAAW,YAAY;AAAA,MAAK,aAAa;AAAA,MAAI,WAAW;AAAA,IACjE,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,aAAa,YAAY,kBAAkB,YAAY,OAAO,SAAS,CAAC;AAE1F,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAAI;AAAA,MAAc,QAAQ,OAAO;AAAA,MAAQ,MAAK;AAAA,MAC1C,cAAW;AAAA,MACd;AAAA,wBAAAD;AAAA,UAAC;AAAA;AAAA,YAAK,IAAI,OAAO,SAAS;AAAA,YAAG,IAAI,OAAO,SAAS;AAAA,YAC3C,IAAI,OAAO,SAAS;AAAA,YAAI,IAAI,OAAO,SAAS;AAAA,YAC5C,QAAO;AAAA,YAAU,aAAa;AAAA;AAAA,QAAG;AAAA,QACvC,gBAAAA;AAAA,UAAC;AAAA;AAAA,YAAM,OAAO,OAAO;AAAA,YAAQ,OAAO,OAAO;AAAA,YAAQ,OAAO,OAAO;AAAA,YAC1D,YAAY,OAAO;AAAA,YAAY,cAAc;AAAA;AAAA,QAAI;AAAA,QACvD,OAAO,KAAK,IAAI,CAAC,KAAK,MACrB,gBAAAC;AAAA,UAAC;AAAA;AAAA,YACE,cAAc,MAAM,WAAW,CAAC;AAAA,YAChC,cAAc,MAAM,WAAW,IAAI;AAAA,YACnC,SAAS,MAAM,iDAAiB,IAAI;AAAA,YACpC,OAAO,EAAE,QAAQ,iBAAiB,YAAY,UAAU;AAAA,YACzD;AAAA,8BAAAD;AAAA,gBAAC;AAAA;AAAA,kBAAK,GAAG;AAAA,kBAAG,GAAG,IAAI,KAAK,YAAY,IAAI,UAAU;AAAA,kBAC5C;AAAA,kBAAc,QAAQ;AAAA,kBACtB,MAAM,YAAY,IAAI,cAAc;AAAA;AAAA,cAAe;AAAA,cACzD,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBAAK,GAAG;AAAA,kBAAK,GAAG,IAAI;AAAA,kBAAS,YAAW;AAAA,kBAAM,kBAAiB;AAAA,kBAC1D,UAAU;AAAA,kBAAI,MAAK;AAAA,kBACnB,WAAW,IAAI,aAAa,WAAW;AAAA,kBAC1C,cAAI;AAAA;AAAA,cACP;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBAAK,GAAG,IAAI;AAAA,kBAAG,GAAG,IAAI;AAAA,kBAAG,OAAO,IAAI;AAAA,kBAAO,QAAQ,IAAI;AAAA,kBAClD,MAAM,IAAI;AAAA,kBAAO,QAAO;AAAA,kBAAwB,aAAa;AAAA;AAAA,cAAG;AAAA,cACtE,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBAAK,GAAG,IAAI,IAAI,IAAI,QAAQ;AAAA,kBAAG,GAAG,IAAI;AAAA,kBAAS,kBAAiB;AAAA,kBAC3D,UAAU;AAAA,kBAAI,MAAM,IAAI;AAAA,kBAC3B,0BAAgB,IAAI,KAAK;AAAA;AAAA,cAC5B;AAAA;AAAA;AAAA,UAlBM,OAAO,CAAC;AAAA,QAmBhB,CACD;AAAA;AAAA;AAAA,EACH;AAEJ;;;AE/EA,SAAS,WAAAE,UAAS,YAAAC,iBAAgB;AAmE1B,gBAAAC,MAsBE,QAAAC,aAtBF;AAxCD,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AACF,GAAuB;AACrB,QAAM,CAAC,SAAS,UAAU,IAAIC,UAAwB,IAAI;AAC1D,QAAM,YAAY;AAElB,QAAM,SAASC,SAAQ,MAAM;AAC3B,UAAM,MAAM,iBAAiB,aAAa,EAAE,WAAW,CAAC;AACxD,UAAM,SAAS,eAAe,wBAAwB,GAAG,IAAI;AAC7D,UAAM,OAAO,cAAc,QAAQ,aAAa,YAAY,gBAAgB;AAC5E,WAAO,gBAAgB,MAAM;AAAA,MAC3B;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,GAAG;AAAA,IAAC;AAAA,IACF;AAAA,IAAa;AAAA,IAAa;AAAA,IAAY;AAAA,IACtC;AAAA,IAAY;AAAA,IAAO;AAAA,IAAW;AAAA,EAChC,CAAC;AAED,SACE,gBAAAF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ,OAAO;AAAA,MACf,MAAK;AAAA,MACL,cAAY,mCAAmC,WAAW;AAAA,MAEzD;AAAA,eAAO,WAAW,IAAI,CAAC,WAAW,UACjC,gBAAAD;AAAA,UAAC;AAAA;AAAA,YAEC,IAAI,UAAU;AAAA,YACd,IAAI,UAAU;AAAA,YACd,IAAI,UAAU;AAAA,YACd,IAAI,UAAU;AAAA,YACd,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAgB;AAAA;AAAA,UAPX,aAAa,KAAK;AAAA,QAQzB,CACD;AAAA,QAED,gBAAAC,MAAC,OAAE,eAAY,QACb;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,IAAI,OAAO;AAAA,cACX,QAAO;AAAA,cACP,aAAa;AAAA;AAAA,UACf;AAAA,UACC,OAAO,OAAO,IAAI,CAAC,SAClB,gBAAAC,MAAC,OACC;AAAA,4BAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI,KAAK;AAAA,gBACT,IAAI,KAAK;AAAA,gBACT,IAAI,OAAO;AAAA,gBACX,IAAI,OAAO,aAAa;AAAA,gBACxB,QAAO;AAAA,gBACP,aAAa;AAAA;AAAA,YACf;AAAA,YACA,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,GAAG,KAAK;AAAA,gBACR,GAAG,OAAO,aAAa;AAAA,gBACvB,YAAW;AAAA,gBACX,UAAU;AAAA,gBACV,MAAK;AAAA,gBAEJ,eAAK;AAAA;AAAA,YACR;AAAA,eAjBM,QAAQ,KAAK,KAAK,EAkB1B,CACD;AAAA,WACH;AAAA,QAEC,OAAO,WAAW,IAAI,CAAC,WAAW,UACjC,gBAAAA;AAAA,UAAC;AAAA;AAAA,YAEC,IAAI,UAAU;AAAA,YACd,IAAI,UAAU;AAAA,YACd,IAAI,UAAU;AAAA,YACd,IAAI,UAAU;AAAA,YACd,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAgB;AAAA;AAAA,UAPX,aAAa,KAAK;AAAA,QAQzB,CACD;AAAA,QAEA,OAAO,UAAU,IAAI,CAAC,SACrB,gBAAAC,MAAC,OACC;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,KAAK;AAAA,cACT,IAAI,KAAK;AAAA,cACT,IAAI,KAAK;AAAA,cACT,IAAI,KAAK;AAAA,cACT,QAAO;AAAA,cACP,aAAa;AAAA,cACb,iBAAgB;AAAA;AAAA,UAClB;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,GAAG,KAAK;AAAA,cACR,GACE,KAAK,SAAS,WACV,YAAY,KACZ,OAAO,aAAa;AAAA,cAE1B,YAAW;AAAA,cACX,UAAU;AAAA,cACV,MAAK;AAAA,cAEJ,eAAK;AAAA;AAAA,UACR;AAAA,aAtBM,KAAK,IAuBb,CACD;AAAA,QAEA,OAAO,OAAO,IAAI,CAAC,OAAO,UACzB,gBAAAC;AAAA,UAAC;AAAA;AAAA,YAEC,cAAc,MAAM,WAAW,KAAK;AAAA,YACpC,cAAc,MAAM,WAAW,IAAI;AAAA,YACnC,SAAS,MAAM,iDAAiB,MAAM;AAAA,YACtC,OAAO,EAAE,QAAQ,iBAAiB,YAAY,UAAU;AAAA,YAExD;AAAA,8BAAAD;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAG;AAAA,kBACH,GAAG,MAAM,UAAU,YAAY;AAAA,kBAC/B;AAAA,kBACA,QAAQ;AAAA,kBACR,MAAM,YAAY,QAAQ,cAAc;AAAA;AAAA,cAC1C;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAG;AAAA,kBACH,GAAG,MAAM;AAAA,kBACT,YAAW;AAAA,kBACX,kBAAiB;AAAA,kBACjB,UAAU;AAAA,kBACV,MAAK;AAAA,kBACL,WAAW,MAAM,aAAa,WAAW;AAAA,kBAExC,gBAAM;AAAA;AAAA,cACT;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,QAAQ,MAAM,OAAO,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,MAAM,CAAC,EAAE,EAAE,KAAK,GAAG;AAAA,kBACrE,MAAM,MAAM;AAAA,kBACZ,QAAO;AAAA,kBACP,aAAa;AAAA;AAAA,cACf;AAAA,cACA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAG,MAAM,WAAW;AAAA,kBACpB,GAAG,MAAM;AAAA,kBACT,YAAY,MAAM,WAAW;AAAA,kBAC7B,kBAAiB;AAAA,kBACjB,UAAU;AAAA,kBACV,MAAM,MAAM,WAAW,SAAS,YAAY,MAAM;AAAA,kBAEjD,gBAAM,WAAW;AAAA;AAAA,cACpB;AAAA;AAAA;AAAA,UAvCK,OAAO,KAAK;AAAA,QAwCnB,CACD;AAAA;AAAA;AAAA,EACH;AAEJ;;;ACrMA,SAAwC,WAAAI,UAAS,YAAAC,iBAAgB;AAmF3D,gBAAAC,MAUE,QAAAC,aAVF;AAvDC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AACF,GAAsB;AACpB,QAAM,CAAC,SAAS,UAAU,IAAIC,UAA8B,IAAI;AAChE,QAAM,YAAY;AAElB,QAAM,SAASC,SAAQ,MAAM;AAC3B,UAAM,MAAM,iBAAiB,aAAa,EAAE,WAAW,CAAC;AACxD,UAAM,SAAS,eAAe,wBAAwB,GAAG,IAAI;AAC7D,UAAM,OAAO,aAAa,QAAQ,YAAY,kBAAkB,MAAM,OAAO;AAC7E,WAAO,eAAe,MAAM;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,GAAG;AAAA,IAAC;AAAA,IAAc;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,mBAAmB,CAAC,UAAkB,UAAwC;AAnEtF;AAoEI,UAAM,aAAa,iBAAM,QAAmB,iBAAzB,4BAAwC;AAC3D,QAAI,cAAc,QAAQ,cAAc,OAAW;AACnD,UAAM,aAAa,OAAO,SAAS;AACnC,QAAI,OAAO,UAAU,UAAU,EAAG,YAAW,EAAE,UAAU,WAAW,CAAC;AAAA,EACvE;AAEA,QAAM,cAAc,OAAO,KAAK,CAAC;AACjC,QAAM,YAAY,UAAU,OAAO,KAAK,QAAQ,QAAQ,IAAI;AAC5D,QAAM,cAAc,UAChB,uCAAW,OAAO,QAAQ,cAC1B,uCAAW,OAAO;AACtB,QAAM,cAAc;AAEpB,SACE,gBAAAF,MAAC,SAAI,OAAc,QAAQ,OAAO,QAAQ,MAAK,OAAM,cAAW,wBAC9D;AAAA,oBAAAD;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,OAAO;AAAA,QACX,IAAI,OAAO;AAAA,QACX,IAAI;AAAA,QACJ,IAAI,OAAO;AAAA,QACX,QAAO;AAAA,QACP,aAAa;AAAA;AAAA,IACf;AAAA,IAEC,OAAO,KAAK,IAAI,CAAC,KAAK,aACrB,gBAAAC;AAAA,MAAC;AAAA;AAAA,QAEC,aAAa,CAAC,UAAU,iBAAiB,UAAU,KAAK;AAAA,QACxD,cAAc,MAAM,WAAW,IAAI;AAAA,QACnC,SAAS,MAAM,iDAAiB,IAAI;AAAA,QACpC,OAAO,EAAE,QAAQ,iBAAiB,YAAY,UAAU;AAAA,QAExD;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACH,GAAG,IAAI,UAAU,YAAY;AAAA,cAC7B;AAAA,cACA,QAAQ;AAAA,cACR,OAAM,mCAAS,cAAa,WAAW,cAAc;AAAA;AAAA,UACvD;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACH,GAAG,IAAI;AAAA,cACP,YAAW;AAAA,cACX,kBAAiB;AAAA,cACjB,UAAU;AAAA,cACV,MAAK;AAAA,cACL,WAAW,IAAI,aAAa,WAAW;AAAA,cAEtC,cAAI;AAAA;AAAA,UACP;AAAA,UACC,IAAI,OAAO,IAAI,CAAC,OAAO,eACtB,gBAAAA;AAAA,YAAC;AAAA;AAAA,cAEC,oBAAkB;AAAA,cAClB,IAAI,MAAM;AAAA,cACV,IAAI,MAAM;AAAA,cACV,GAAG,MAAM;AAAA,cACT,MAAM,MAAM;AAAA,cACZ,aAAa;AAAA;AAAA,YANR,SAAS,MAAM,WAAW;AAAA,UAOjC,CACD;AAAA;AAAA;AAAA,MAlCI,OAAO,QAAQ;AAAA,IAmCtB,CACD;AAAA,IAED,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,YAAY,OAAO;AAAA,QACnB,cAAc;AAAA;AAAA,IAChB;AAAA,IAEC,aACC,gBAAAC,MAAC,OAAE,cAAW,8BACX;AAAA,YAAM,KAAK,EAAE,QAAQ,YAAY,GAAG,CAAC,GAAG,UACvC,gBAAAD;AAAA,QAAC;AAAA;AAAA,UAEC,GAAG,QAAQ,MAAM,QAAQ;AAAA,UACzB,GAAG,OAAO,SAAS;AAAA,UACnB,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,MAAM,eAAe,YAAY,SAAS,cAAc,EAAE;AAAA;AAAA,QALrD,UAAU,KAAK;AAAA,MAMtB,CACD;AAAA,MACD,gBAAAA,KAAC,UAAK,GAAG,QAAQ,KAAK,GAAG,OAAO,SAAS,GAAG,UAAU,IAAI,MAAK,WAC5D,0BAAgB,UAAU,IAAI,GACjC;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,GAAG,QAAQ;AAAA,UACX,GAAG,OAAO,SAAS;AAAA,UACnB,YAAW;AAAA,UACX,UAAU;AAAA,UACV,MAAK;AAAA,UAEJ,0BAAgB,UAAU,IAAI;AAAA;AAAA,MACjC;AAAA,OACF;AAAA,IAGD,aAAa,eACZ,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,UAAU,IAAI;AAAA,QACvB,eAAc;AAAA,QACd,WAAW,aAAa,YAAY,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC;AAAA,QAE9D;AAAA,0BAAAD,KAAC,UAAK,GAAG,GAAG,GAAG,KAAK,OAAO,KAAK,QAAQ,IAAI,IAAI,GAAG,MAAK,WAAU,QAAO,WAAU;AAAA,UACnF,gBAAAA,KAAC,UAAK,GAAG,GAAG,GAAG,GAAG,UAAU,IAAI,MAAK,WAAW,oBAAU,OAAM;AAAA,UAChE,gBAAAA,KAAC,UAAK,GAAG,GAAG,GAAG,IAAI,UAAU,IAAI,MAAK,WACnC,yBAAe,gBAAgB,YAAY,MAAM,CAAC,IACrD;AAAA,UACA,gBAAAA,KAAC,UAAK,GAAG,GAAG,GAAG,IAAI,UAAU,IAAI,MAAK,WACnC,4BAAkB,OAAO,SAAS,YAAY,YAAY,IACvD,gBAAgB,YAAY,YAAY,IACxC,SAAS,IACf;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;;;AC3LA,SAAS,WAAAI,UAAS,YAAAC,iBAAgB;AA0E1B,SACE,OAAAC,MADF,QAAAC,aAAA;AAlDD,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,CAAC,eAAe,gBAAgB,IAAIC,UAAwB,IAAI;AACtE,QAAM,YAAY;AAElB,QAAM,SAASC,SAAQ,MAAM;AAC3B,UAAM,MAAM,iBAAiB,aAAa,EAAE,WAAW,CAAC;AACxD,UAAM,SAAS,eAAe,wBAAwB,GAAG,IAAI;AAC7D,UAAM,OAAO,YAAY,QAAQ,YAAY,kBAAkB,OAAO;AACtE,WAAO,cAAc,MAAM;AAAA,MACzB;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,SAAS,aAAa,YAAY,kBAAkB,YAAY,OAAO,SAAS,CAAC;AAEnG,QAAM,eAAe,kBAAkB,OAAO,SAAY,OAAO,QAAQ,aAAa;AAKtF,QAAM,SAAS,CAAC,WAA0D;AACxE,QAAI,CAAC,OAAO,YAAa,QAAO,UAAU,OAAO,cAAc,CAAC;AAChE,WAAO,OAAO,oBACV,GAAG,OAAO,iBAAiB,KAAK,OAAO,WAAW,KAClD,OAAO;AAAA,EACb;AAEA,QAAM,eAAe,eACjB,KAAK,IAAI,KAAK,OAAO,YAAY,EAAE,SAAS,MAAM,EAAE,IACpD;AACJ,QAAM,WAAW,eACb,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,UAAU,GAAG,QAAQ,eAAe,CAAC,CAAC,IACxE;AAEJ,SACE,gBAAAF,MAAC,SAAI,OAAc,QAAQ,OAAO,QAAQ,MAAK,OAAM,cAAW,uBAC7D;AAAA,WAAO,YAAY,IAAI,CAAC,SACvB,gBAAAA,MAAC,OACC;AAAA,sBAAAD;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,OAAO,WAAW;AAAA,UACtB,IAAI,OAAO;AAAA,UACX,IAAI,KAAK;AAAA,UACT,IAAI,KAAK;AAAA,UACT,QAAO;AAAA,UACP,aAAa;AAAA;AAAA,MACf;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,GAAG,OAAO,WAAW;AAAA,UACrB,GAAG,KAAK;AAAA,UACR,YAAW;AAAA,UACX,kBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,MAAK;AAAA,UAEJ,eAAK;AAAA;AAAA,MACR;AAAA,SAlBM,WAAW,KAAK,KAAK,EAmB7B,CACD;AAAA,IAED,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO,OAAO,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,MAAM,CAAC,EAAE,EAAE,KAAK,GAAG;AAAA,QACtE,MAAK;AAAA,QACL,QAAO;AAAA,QACP,aAAa;AAAA;AAAA,IACf;AAAA,IACA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,OAAO;AAAA,QACX,IAAI,OAAO;AAAA,QACX,IAAI,OAAO;AAAA,QACX,IAAI,OAAO;AAAA,QACX,QAAO;AAAA,QACP,aAAa;AAAA,QACb,iBAAgB;AAAA;AAAA,IAClB;AAAA,IAEA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,YAAY,OAAO;AAAA,QACnB,cAAc;AAAA;AAAA,IAChB;AAAA,IAEA,gBAAAC,MAAC,OAAE,eAAY,QACZ;AAAA,OAAC,OAAO,OAAO,MAAM,OAAO,OAAO,KAAK,EAAE,IAAI,CAAC,OAAO,UACrD,gBAAAD;AAAA,QAAC;AAAA;AAAA,UAEC,IAAI,MAAM;AAAA,UACV,IAAI,MAAM;AAAA,UACV,IAAI,MAAM;AAAA,UACV,IAAI,MAAM;AAAA,UACV,QAAO;AAAA,UACP,aAAa;AAAA;AAAA,QANR,SAAS,KAAK;AAAA,MAOrB,CACD;AAAA,MACA,OAAO,OAAO,IAAI,CAAC,MAAM,UACxB,gBAAAA;AAAA,QAAC;AAAA;AAAA,UAEC,IAAI,KAAK;AAAA,UACT,IAAI,KAAK;AAAA,UACT,IAAI,KAAK;AAAA,UACT,IAAI,KAAK;AAAA,UACT,QAAO;AAAA,UACP,aAAa;AAAA;AAAA,QANR,SAAS,KAAK;AAAA,MAOrB,CACD;AAAA,OACH;AAAA,IAEC,OAAO,KAAK,IAAI,CAAC,KAAK,aACrB,gBAAAC;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MAAM,iDAAiB,IAAI;AAAA,QACpC,OAAO,EAAE,QAAQ,iBAAiB,YAAY,UAAU;AAAA,QAExD;AAAA,0BAAAD;AAAA,YAAC;AAAA;AAAA,cACC,GAAG;AAAA,cACH,GAAG,IAAI;AAAA,cACP,YAAW;AAAA,cACX,kBAAiB;AAAA,cACjB,UAAU;AAAA,cACV,MAAK;AAAA,cACL,WAAW,IAAI,aAAa,WAAW;AAAA,cAEtC,cAAI;AAAA;AAAA,UACP;AAAA,UACC,IAAI,MAAM,IAAI,CAAC,MAAM,gBACpB,gBAAAA;AAAA,YAAC;AAAA;AAAA,cAEC,GAAG,KAAK;AAAA,cACR,GAAG,KAAK;AAAA,cACR,OAAO,KAAK;AAAA,cACZ,QAAQ,KAAK;AAAA,cACb,MAAM,KAAK;AAAA;AAAA,YALN,QAAQ,WAAW;AAAA,UAM1B,CACD;AAAA,UACD,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,GAAG,IAAI,QAAQ;AAAA,cACf,GAAG,IAAI,QAAQ;AAAA,cACf,OAAO,IAAI,QAAQ;AAAA,cACnB,QAAQ,IAAI,QAAQ;AAAA,cACpB,MAAK;AAAA;AAAA,UACP;AAAA;AAAA;AAAA,MA/BK,OAAO,QAAQ;AAAA,IAgCtB,CACD;AAAA,IAEA,gBACC,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,aAAa;AAAA,QAChB,GAAG;AAAA,QACH,OAAO,aAAa;AAAA,QACpB,QAAQ,OAAO,aAAa;AAAA,QAC5B,MAAK;AAAA,QACL,aAAa;AAAA,QACb,eAAc;AAAA;AAAA,IAChB;AAAA,IAGD,OAAO,QAAQ,IAAI,CAAC,QAAQ,gBAC3B,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAEC,GAAG,OAAO;AAAA,QACV,GAAG;AAAA,QACH,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO,aAAa;AAAA,QAC5B,MAAK;AAAA,QACL,cAAY,GAAG,OAAO,MAAM,CAAC,sBAAsB,gBAAgB,OAAO,KAAK,CAAC;AAAA,QAChF,cAAc,MAAM,iBAAiB,WAAW;AAAA,QAChD,cAAc,MAAM,iBAAiB,IAAI;AAAA,QACzC,SAAS,MAAM;AACb,cAAI,OAAO,aAAa,OAAW,gDAAgB,OAAO;AAAA,QAC5D;AAAA,QACA,OAAO,EAAE,QAAQ,OAAO,YAAY,gBAAgB,YAAY,UAAU;AAAA;AAAA,MAZrE,cAAc,OAAO,WAAW;AAAA,IAavC,CACD;AAAA,IAEA,gBACC,gBAAAC,MAAC,OAAE,eAAc,QAAO,WAAW,aAAa,QAAQ,QACtD;AAAA,sBAAAD,KAAC,UAAK,GAAG,GAAG,GAAG,GAAG,OAAO,cAAc,QAAQ,IAAI,IAAI,GAAG,MAAK,WAAU,QAAO,WAAU;AAAA,MAC1F,gBAAAA,KAAC,UAAK,GAAG,GAAG,GAAG,IAAI,UAAU,IAAI,MAAK,WACnC,iBAAO,YAAY,GACtB;AAAA,MACA,gBAAAA,KAAC,UAAK,GAAG,GAAG,GAAG,IAAI,UAAU,IAAI,MAAK,WACnC,2BAAO,gBAAgB,aAAa,KAAK,CAAC,IAC7C;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":["jsx","jsxs","useMemo","useState","jsx","jsxs","useState","useMemo","useMemo","useState","jsx","jsxs","useState","useMemo","useMemo","useState","jsx","jsxs","useState","useMemo"]}

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "shap-svg",
+  "version": "0.1.0",
+  "description": "Interactive SVG charts for SHAP explanations — bar, beeswarm, heatmap and waterfall — drawn in the browser from SHAP values, with a framework-free core and React components.",
+  "license": "MIT",
+  "author": "Pongsakorn P.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/princepongsakorn/shap-svg.git"
+  },
+  "homepage": "https://github.com/princepongsakorn/shap-svg#readme",
+  "bugs": {
+    "url": "https://github.com/princepongsakorn/shap-svg/issues"
+  },
+  "keywords": [
+    "shap",
+    "explainable-ai",
+    "xai",
+    "interpretability",
+    "svg",
+    "react",
+    "beeswarm",
+    "waterfall",
+    "heatmap",
+    "microbiome"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./react": {
+      "import": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/react.js"
+      },
+      "require": {
+        "types": "./dist/react.d.cts",
+        "default": "./dist/react.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "react": [
+        "./dist/react.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run typecheck && npm test && npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.43",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.5.1",
+    "typescript": "^5.6.0",
+    "vitest": "^2.1.0"
+  }
+}