@mcp-b/viz-components 0.3.0 → 0.3.2

package/dist/{chart-B-xXO_Qw.js → chart-BSbFRQju.js}

@@ -152,11 +152,13 @@ var SigveloChart = class extends SigveloElement {
 		})).filter((entry) => entry.value !== void 0);
 		if (numeric.length === 0) return nothing;
 		const includeZero = this.type === "bar";
-		const y = scaleLinear().domain(paddedExtent(numeric.map((entry) => entry.value), includeZero)).nice().range([innerHeight, 0]);
+		const values = numeric.map((entry) => entry.value);
+		const bins = this.type === "histogram" ? bin().thresholds(Math.min(12, Math.max(1, Math.ceil(Math.sqrt(values.length)))))(values) : void 0;
+		const y = scaleLinear().domain(bins ? [0, Math.max(1, ...bins.map((bucket) => bucket.length))] : paddedExtent(values, includeZero)).nice().range([innerHeight, 0]);
 		const labels = numeric.map((entry) => labelAt(entry.row, this.xField, entry.index));
 		const xBand = scaleBand().domain(numeric.map((_, index) => index)).range([0, innerWidth]).padding(.2);
 		const baseline = includeZero ? y(0) : innerHeight;
-		const yTicks = y.ticks(4);
+		const yTicks = y.ticks(4).filter((tick) => !bins || Number.isInteger(tick));
 		const labelStride = Math.max(1, Math.ceil(labels.length / 8));
 		const axes = svg`
       ${yTicks.map((tick) => {
@@ -210,18 +212,15 @@ var SigveloChart = class extends SigveloElement {
               >`)}
       </g>`;
 		}
-		if (this.type === "histogram") {
-			const values = numeric.map((entry) => entry.value);
-			const bins = bin().thresholds(Math.min(12, Math.max(1, Math.ceil(Math.sqrt(values.length)))))(values);
-			const countScale = scaleLinear().domain([0, Math.max(1, ...bins.map((bucket) => bucket.length))]).range([innerHeight, 0]);
+		if (bins) {
 			const bucketWidth = innerWidth / Math.max(1, bins.length);
 			return svg`${axes}<g transform="translate(${PADDING.left}, ${PADDING.top})"
           >${bins.map((bucket, index) => svg`<rect
                 class="mark"
                 x=${index * bucketWidth + 1}
-                y=${countScale(bucket.length)}
+                y=${y(bucket.length)}
                 width=${Math.max(1, bucketWidth - 2)}
-                height=${innerHeight - countScale(bucket.length)}
+                height=${innerHeight - y(bucket.length)}
                 ><title>${bucket.x0 ?? 0}–${bucket.x1 ?? 0}: ${bucket.length}</title></rect
               >`)}</g
         >`;

package/dist/components/chart/chart.js

@@ -1,2 +1,2 @@
-import { t as SigveloChart } from "../../chart-B-xXO_Qw.js";
+import { t as SigveloChart } from "../../chart-BSbFRQju.js";
 export { SigveloChart };

package/dist/components/distribution/distribution.js

@@ -1,4 +1,4 @@
-import "../../chart-B-xXO_Qw.js";
+import "../../chart-BSbFRQju.js";
 import { t as __decorate } from "../../decorate-DcF3lt7P.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";

package/dist/index.js

@@ -1,4 +1,4 @@
-import { t as SigveloChart } from "./chart-B-xXO_Qw.js";
+import { t as SigveloChart } from "./chart-BSbFRQju.js";
 import { SigveloChartCard } from "./components/chart-card/chart-card.js";
 import { SigveloDistribution } from "./components/distribution/distribution.js";
 import { SigveloVizLegend } from "./components/legend/legend.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/viz-components",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "D3-backed, framework-agnostic Sigvelo visualization web components.",
   "keywords": [
     "charts",
@@ -27,7 +27,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@mcp-b/wc-support": "0.3.0"
+    "@mcp-b/wc-support": "0.3.2"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",