@tangle-network/charts 0.1.6 → 0.1.7

package/dist/index.js

@@ -729,7 +729,7 @@ function logDomain(lo, hi, minFactor = 3, pad = 1.25) {
 /**
 * `comparisonIntervals`: is each step in an order real.
 *
-* One row per comparison, "{favored} over {other}", with the pair count. x is
+* One row per comparison, "{favored} − {other}", with the pair count. x is
 * the difference in points with a muted zero line. The clustered interval is a
 * 6 px accent bar, the exact interval a 2 px muted bar under it, and a dashed
 * ink tick marks the row's registered minimum effect. There is no point
@@ -756,7 +756,7 @@ function gaps(row) {
 function comparisonIntervals(rows, setups, o) {
 	const id = o.id ?? "comparison-intervals";
 	const name = (setupId) => setups.find((s) => s.id === setupId)?.label ?? setupId;
-	const title = (row) => `${name(row.favored)} over ${name(row.other)}`;
+	const title = (row) => `${name(row.favored)} − ${name(row.other)}`;
 	if (rows.length === 0) return {
 		id,
 		refused: "No comparison was registered."
@@ -853,13 +853,11 @@ function draw(drawn, domain, width, plotX, labelW) {
 		} else {
 			const label = wrap(title, width, 14);
 			marks += textBlock(label.lines, 0, y + 14, 18, `class="tgc-ink" font-size="14"`);
-			marks += text(width, y + 14, `${row.pairs} pairs`, {
-				cls: "tgc-ink-muted tgc-num",
-				anchor: "end"
-			});
-			barY = y + label.lines.length * 18 + 4;
+			marks += text(0, y + 14 + label.lines.length * 18, `${row.pairs} pairs`, { cls: "tgc-ink-muted tgc-num" });
+			barY = y + label.lines.length * 18 + 22;
 			y = barY + 24;
 		}
+		if (labelW === 0) marks += line(x(0), barY - 8, x(0), barY + 20, "tgc-zero");
 		const lo = x(row.interval.lower);
 		const hi = x(row.interval.upper);
 		marks += rect(lo, barY, Math.max(hi - lo, 2), 6, "tgc-ci");
@@ -873,7 +871,7 @@ function draw(drawn, domain, width, plotX, labelW) {
 		body += titled(`${title} · ${row.pairs} pairs · ${intervalName(row.interval)} interval ${pts(row.interval.lower)} to ${pts(row.interval.upper)}${rateExactTitle(row)} · minimum effect ${pts(row.minimumEffect)}`, marks);
 	}
 	const zero = x(0);
-	let axis = line(zero, rowsTop, zero, y, "tgc-zero");
+	let axis = labelW > 0 ? line(zero, rowsTop, zero, y, "tgc-zero") : "";
 	for (const t of linearTicks(domain[0], domain[1], width > 400 ? 6 : 3)) axis += text(x(t), y + 16, pts(t), {
 		cls: "tgc-ink-muted tgc-num",
 		anchor: "middle"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/charts",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Benchmark figures as static SVG and HTML tables: ranked rates, cost frontier, comparison intervals, task matrix and breakdown. Draws from producer data and refuses what it cannot draw honestly.",
   "type": "module",
   "license": "MIT",