plotagents 0.5.0 → 0.7.0

package/src/axes.js

@@ -10,7 +10,7 @@ export function gridY(ticks, y, area, theme, fmt, { labels = true, baseline = 0
   for (const t of ticks) {
     const py = Math.round(y(t)) + 0.5;
     const isBase = t === baseline;
-    out.push(el('line', { x1: area.x, x2: area.x + area.w, y1: py, y2: py, stroke: isBase ? theme.axis : theme.grid, strokeWidth: 1, shapeRendering: 'crispEdges' }));
+    out.push(el('line', { x1: area.x, x2: area.x + area.w, y1: py, y2: py, stroke: isBase ? theme.axis : theme.grid, ...gridAttrs(theme, isBase) }));
     if (labels) out.push(text(area.x - 8, py + 4, fmt(t), { fill: theme.muted, fontSize: SIZES.axis, textAnchor: 'end' }));
   }
   return g({ class: 'pa-axis pa-axis-y' }, out);
@@ -21,7 +21,7 @@ export function gridX(ticks, x, area, theme, fmt, { labels = true, baseline = 0,
   const out = [];
   const items = ticks.map((t) => ({ pos: Math.round(x(t)) + 0.5, label: fmt(t), t }));
   for (const it of items) {
-    if (lines) out.push(el('line', { x1: it.pos, x2: it.pos, y1: area.y, y2: area.y + area.h, stroke: it.t === baseline ? theme.axis : theme.grid, strokeWidth: 1, shapeRendering: 'crispEdges' }));
+    if (lines) out.push(el('line', { x1: it.pos, x2: it.pos, y1: area.y, y2: area.y + area.h, stroke: it.t === baseline ? theme.axis : theme.grid, ...gridAttrs(theme, it.t === baseline) }));
   }
   if (labels) out.push(xLabels(items, area, theme));
   return g({ class: 'pa-axis pa-axis-x' }, out);
@@ -76,7 +76,7 @@ export const yAxisTop = (theme, inside) => (isInside(theme, inside) ? 14 * ctx.t
 export function yGrid(ticks, y, area, theme, { baseline = 0 } = {}) {
   return g({ class: 'pa-grid' }, ticks.map((t) => {
     const py = Math.round(y(t)) + 0.5;
-    return el('line', { x1: area.x, x2: area.x + area.w, y1: py, y2: py, stroke: t === baseline ? theme.axis : theme.grid, strokeWidth: 1, shapeRendering: 'crispEdges' });
+    return el('line', { x1: area.x, x2: area.x + area.w, y1: py, y2: py, stroke: t === baseline ? theme.axis : theme.grid, ...gridAttrs(theme, t === baseline) });
   }));
 }
 
@@ -142,3 +142,11 @@ export function quietCorner(points, inner, w, h = 14, pad = 8) {
   }
   return { x: best.tx, y: best.ty, anchor: best.anchor };
 }
+
+/** Trazo de grilla y base según el tema (theme.grid { dash, width }, theme.axis { width }). */
+export function gridAttrs(theme, base = false) {
+  const st = base ? theme.axisStyle : theme.gridStyle;
+  const w = st && Number.isFinite(+st.width) ? +st.width : 1;
+  const dash = !base && st && st.dash && /^[\d.\s,]+$/.test(String(st.dash)) ? String(st.dash) : null;
+  return { strokeWidth: w, strokeDasharray: dash, shapeRendering: dash ? null : 'crispEdges' };
+}

package/src/charts/bar.js

@@ -4,13 +4,13 @@
 import { el, g, text, barPath, tip } from '../svg.js';
 import { measure, truncate } from '../text.js';
 import { makeFormat } from '../format.js';
-import { niceDomain, niceStep, linear, band } from '../scale.js';
+import { niceDomain, niceStep, linear, band, dateUnit } from '../scale.js';
 import { colorMap } from '../theme.js';
 import { ensureData, inferXY, requireField, melt, uniq, aggregate, num, fieldKind, humanize } from '../data.js';
 import { gridY, gridX, xLabels, ticksWidth, refLinesY, refLinesX } from '../axes.js';
 import { mean, sd, meanCI } from '../stats.js';
 import { createFrame, SIZES, hash } from '../frame.js';
-import { parseDate } from '../format.js';
+import { parseDate, formatDate } from '../format.js';
 import { dashedMatcher, fromTest, hatcher, dashedAttrs, dashedDefaultLabel } from '../dashed.js';
 import { ctx } from '../context.js';
 
@@ -63,6 +63,7 @@ export function prepareBar(spec) {
   }));
   const total = (c) => values.get(c).reduce((a, b) => a + b, 0);
   if (kind === 'year' || kind === 'number') cats.sort((a, b) => num(a) - num(b));
+  else if (kind === 'date') cats.sort((a, b) => parseDate(a) - parseDate(b));
   const nominal = kind === 'category';
   const sort = spec.sort ?? (nominal ? 'desc' : 'none');
   if (sort === 'desc') cats.sort((a, b) => total(b) - total(a));
@@ -70,7 +71,8 @@ export function prepareBar(spec) {
   else if (sort === 'alpha') cats.sort((a, b) => a.localeCompare(b, 'es'));
 
   // Cola larga → "Otros" (nunca 40 barras ilegibles).
-  const top = spec.top ?? (cats.length > 40 ? 25 : null);
+  // Solo categorías nominales: los periodos (años, meses) nunca se pliegan en "Otros".
+  const top = spec.top ?? (nominal && cats.length > 40 ? 25 : null);
   let folded = 0;
   if (top && cats.length > top) {
     const keep = cats.slice(0, top);
@@ -110,6 +112,8 @@ export function bar(spec, theme) {
   if (m.errs.size) for (const e of m.errs.values()) for (const r of e) if (r) all.push(...r);
   let vmin = Math.min(0, ...all), vmax = Math.max(0, ...all);
   if (pct) { vmin = Math.min(0, vmin); vmax = Math.max(vmax, 1); }
+  // Conteos y enteros: marcas enteras (nunca 0,5 personas).
+  const allInt = !pct && all.length > 0 && all.every((v) => Number.isInteger(v));
   const fmt = pct ? makeFormat({ type: 'percent', scale: 100, decimals: spec.format?.decimals }, locale) : makeFormat(spec.format, locale, all);
 
   // Orientación
@@ -154,6 +158,7 @@ export function bar(spec, theme) {
   const maxBar = spec.barWidth || (horizontal ? theme.marks?.barMaxH ?? 22 : theme.marks?.barMax ?? 36);
 
   let area = frame.layout(legend);
+  const RAD = theme.marks?.barRadius ?? 4;
   const body = [];
   const refs = (spec.refLines || []).map((r) => ({ ...r, y: r.value ?? r.y }));
 
@@ -161,16 +166,21 @@ export function bar(spec, theme) {
     // ── Columnas
     if (spec.height === undefined && frame.height < 360) frame.setHeight(360);
     const ticksCount = Math.max(3, Math.round(area.h / 64));
-    const nd = spec.yDomain ? { min: spec.yDomain[0], max: spec.yDomain[1], step: niceStep(spec.yDomain[1] - spec.yDomain[0], ticksCount) } : niceDomain(vmin, vmax, ticksCount);
+    const nd = spec.yDomain ? { min: spec.yDomain[0], max: spec.yDomain[1], step: niceStep(spec.yDomain[1] - spec.yDomain[0], ticksCount) } : niceDomain(vmin, vmax, ticksCount, { integer: allInt });
     const dom = hideAxis && !spec.yDomain ? { min: vmin, max: vmax || 1 } : nd;
     if (spec._domains) spec._domains.y = [dom.min, dom.max];
-    const leftM = hideAxis ? 0 : ticksWidth(linear(nd.min, nd.max, 0, 1).ticks(nd.step), fmt.tick(nd.step)) + 10;
-    const top = showLabels ? 20 : 6;
+    const leftM = hideAxis ? 0 : ticksWidth(linear(nd.min, nd.max, 0, 1).ticks(nd.step), fmt.tick(nd.step, linear(nd.min, nd.max, 0, 1).ticks(nd.step))) + 10;
+    const top = showLabels ? 16 : 6;
     const inner = { x: area.x + leftM, y: area.y + top * ctx.textScale, w: area.w - leftM, h: area.h - top * ctx.textScale - 26 * ctx.textScale };
     const yS = linear(dom.min, dom.max, inner.y + inner.h, inner.y);
     const xb = band(cats, inner.x, inner.x + inner.w, { inner: multi && !stack ? 0.2 : 0.3, outer: 0.1 });
-    if (!hideAxis) body.push(gridY(yS.ticks(nd.step), yS, inner, theme, fmt.tick(nd.step)));
+    if (!hideAxis) body.push(gridY(yS.ticks(nd.step), yS, inner, theme, fmt.tick(nd.step, yS.ticks(nd.step))));
     const y0 = yS(0);
+    // Ancho de barra relativo a la banda (≈ 60 % del paso, como Chart.js y
+    // ECharts): con pocas categorías las barras no quedan como palitos entre
+    // grandes huecos. `barWidth` lo fija; theme.marks.barMax es el piso.
+    const capW = spec.barWidth || (stack ? Math.min(120, Math.max(maxBar * 1.4, xb.step * 0.6))
+      : k === 1 ? Math.min(120, Math.max(maxBar, xb.step * 0.6)) : Math.max(maxBar, Math.min(56, (xb.step * 0.7) / k)));
     cats.forEach((c) => {
       const bx = xb(c);
       const bw = xb.bandwidth;
@@ -178,7 +188,7 @@ export function bar(spec, theme) {
       const parts = [];
       const hit = el('rect', { x: bx - xb.step * 0.12, y: inner.y, width: bw + xb.step * 0.24, height: inner.h, fill: 'transparent' });
       if (stack) {
-        const w = Math.min(maxBar * 1.4, bw);
+        const w = Math.min(capW, bw);
         const x0 = bx + (bw - w) / 2;
         const sg = segs.get(c);
         const lastPos = sg.map((s, i) => (s.vv > 0 ? i : -1)).filter((i) => i >= 0).pop();
@@ -190,7 +200,7 @@ export function bar(spec, theme) {
           const gap = s.from !== 0 ? 2 : 0;
           if (s.vv > 0) h -= gap; else { top += gap; h -= gap; }
           const outer = s.vv > 0 ? i === lastPos : i === lastNeg;
-          const d = barPath(x0, top, w, Math.max(0, h), s.vv > 0 ? 'up' : 'down', outer ? 4 : 0);
+          const d = barPath(x0, top, w, Math.max(0, h), s.vv > 0 ? 'up' : 'down', outer ? RAD : 0);
           parts.push(g({ class: 'pa-m', 'data-tip': tip(c, `${seriesKeys[i]}: ${fmt(pct ? s.vv : s.v)}`, dl(c, i)) }, [el('path', { d, ...paint(c, i) })]));
         });
         if (showLabels && !pct) {
@@ -200,14 +210,14 @@ export function bar(spec, theme) {
         }
         body.push(g({ 'data-tip': tip(c, ...sg.map((s, i) => `${seriesKeys[i]}: ${fmt(pct ? s.vv : s.v)}` + (isDashed(c, i) && dm ? ` (${dashedLabel})` : '')), pct ? '' : `Total: ${fmt(m.total(c))}`, from && from(xNum(c)) ? dashedLabel : '') }, [hit, ...parts]));
       } else {
-        const w = Math.min(maxBar, (bw - 2 * (k - 1)) / k);
+        const w = Math.min(capW, (bw - 2 * (k - 1)) / k);
         const groupW = w * k + 2 * (k - 1);
         const x0 = bx + (bw - groupW) / 2;
         vs.forEach((v, i) => {
           const bxI = x0 + i * (w + 2);
           const yv = yS(v);
           const top = Math.min(yv, y0), h = Math.abs(yv - y0);
-          const d = barPath(bxI, top, w, h, v >= 0 ? 'up' : 'down');
+          const d = barPath(bxI, top, w, h, v >= 0 ? 'up' : 'down', RAD);
           const er0 = m.errs.get(c)?.[i];
           const label = (multi ? `${seriesKeys[i]}: ${fmt(v)}` : fmt(v)) + (er0 ? ` (IC ${fmt(er0[0])}–${fmt(er0[1])})` : '');
           parts.push(g({ class: 'pa-m', 'data-tip': tip(c, label, dl(c, i)) }, [
@@ -226,7 +236,8 @@ export function bar(spec, theme) {
     // Línea base
     body.push(el('line', { x1: inner.x, x2: inner.x + inner.w, y1: Math.round(y0) + 0.5, y2: Math.round(y0) + 0.5, stroke: theme.axis, strokeWidth: 1 }));
     // Categorías
-    const items = cats.map((c) => ({ pos: xb.center(c), label: m.nominal ? truncate(c, Math.max(xb.step - 6, 40), 12) : c }));
+    const dUnit = m.kind === 'date' ? dateUnit(cats.map((c) => parseDate(c))) : null;
+    const items = cats.map((c) => ({ pos: xb.center(c), label: m.nominal ? truncate(c, Math.max(xb.step - 6, 40), 12) : dUnit ? formatDate(parseDate(c), dUnit, locale) : c }));
     body.push(xLabels(items, inner, theme, { y: inner.y + inner.h + 18, size: 12, color: theme.lede }));
     body.push(refLinesY(refs, yS, inner, theme, fmt));
   } else {
@@ -242,12 +253,12 @@ export function bar(spec, theme) {
     const hasNeg = vmin < 0;
     const inner = { x: area.x + catW, y: area.y + 4, w: area.w - catW - rightM - (hasNeg && showLabels ? valueLabelW + 10 : 0), h: area.h - (hideAxis ? 8 : 28) };
     if (hasNeg && showLabels) inner.x += valueLabelW + 10;
-    const nd = spec.yDomain ? { min: spec.yDomain[0], max: spec.yDomain[1], step: niceStep(spec.yDomain[1] - spec.yDomain[0], Math.max(3, Math.round(inner.w / 110))) } : niceDomain(vmin, vmax, Math.max(3, Math.round(inner.w / 110)));
+    const nd = spec.yDomain ? { min: spec.yDomain[0], max: spec.yDomain[1], step: niceStep(spec.yDomain[1] - spec.yDomain[0], Math.max(3, Math.round(inner.w / 110))) } : niceDomain(vmin, vmax, Math.max(3, Math.round(inner.w / 110)), { integer: allInt });
     const dom = hideAxis && !spec.yDomain ? { min: vmin, max: vmax || 1 } : nd;
     if (spec._domains) spec._domains.y = [dom.min, dom.max];
     const xS = linear(dom.min, dom.max, inner.x, inner.x + inner.w);
     const yb = band(cats, inner.y, inner.y + inner.h, { inner: 0.32, outer: 0.1 });
-    if (!hideAxis) body.push(gridX(xS.ticks(nd.step), xS, inner, theme, fmt.tick(nd.step)));
+    if (!hideAxis) body.push(gridX(xS.ticks(nd.step), xS, inner, theme, fmt.tick(nd.step, xS.ticks(nd.step))));
     const x0 = xS(0);
     cats.forEach((c) => {
       const by = yb(c);
@@ -256,7 +267,7 @@ export function bar(spec, theme) {
       const parts = [];
       const strong = !hl || hl.has(c);
       parts.push(el('rect', { x: area.x, y: by - yb.step * 0.16, width: area.w, height: yb.step, fill: 'transparent' }));
-      parts.push(text(inner.x - 10 - (hasNeg && showLabels ? valueLabelW + 10 : 0), by + bh / 2 + 4.5, truncate(c, catW - 12, labelSize), { fill: strong ? theme.ink : theme.muted, fontSize: labelSize, fontWeight: hl && strong ? 600 : 400, textAnchor: 'end' }));
+      parts.push(text(inner.x - 10 - (hasNeg && showLabels ? valueLabelW + 10 : 0), by + bh / 2 + 4.5, truncate(c, Math.min(maxCatW, area.w * 0.38) + 0.5, labelSize), { fill: strong ? theme.ink : theme.muted, fontSize: labelSize, fontWeight: hl && strong ? 600 : 400, textAnchor: 'end' }));
       if (stack) {
         const h = Math.min(maxBar, bh);
         const y0b = by + (bh - h) / 2;
@@ -267,7 +278,7 @@ export function bar(spec, theme) {
           const xa = xS(s.from), xb2 = xS(s.to);
           let left = Math.min(xa, xb2), w = Math.abs(xb2 - xa);
           if (s.from !== 0) { if (s.vv > 0) left += 2; w -= 2; }
-          const d = barPath(left, y0b, Math.max(0, w), h, s.vv > 0 ? 'right' : 'left', i === lastPos || s.vv < 0 ? 4 : 0);
+          const d = barPath(left, y0b, Math.max(0, w), h, s.vv > 0 ? 'right' : 'left', i === lastPos || s.vv < 0 ? RAD : 0);
           const fill = colorFor(c, i);
           const lab = pct ? fmt(s.vv) : '';
           const fits = lab && measure(lab, 11, 600) + 10 < w;
@@ -286,7 +297,7 @@ export function bar(spec, theme) {
         vs.forEach((v, i) => {
           const yy = y0b + i * (h + 2);
           const xv = xS(v);
-          const d = barPath(Math.min(xv, x0), yy, Math.abs(xv - x0), h, v >= 0 ? 'right' : 'left');
+          const d = barPath(Math.min(xv, x0), yy, Math.abs(xv - x0), h, v >= 0 ? 'right' : 'left', RAD);
           const er = m.errs.get(c)?.[i];
           const erTxt = er ? ` (IC ${fmt(er[0])}–${fmt(er[1])})` : '';
           parts.push(g({ class: 'pa-m', 'data-tip': tip(c, (multi ? `${seriesKeys[i]}: ` : '') + fmt(v) + erTxt, dl(c, i)) }, [el('path', { d, ...paint(c, i) }), errBar(er, (e) => [xS(e), yy + h / 2], false, theme)]));

package/src/charts/categorical.js

@@ -7,7 +7,7 @@ import { measure, truncate } from '../text.js';
 import { makeFormat } from '../format.js';
 import { niceDomain, niceStep, linear, log, logDomain, band } from '../scale.js';
 import { colorMap, readable } from '../theme.js';
-import { ensureData, requireField, uniq, num, fieldsOf, fieldKind, humanize } from '../data.js';
+import { ensureData, requireField, uniq, num, fieldsOf, fieldKind, humanize, PlotError } from '../data.js';
 import { gridX, xLabels, yAxisMargin, yAxisTop, yGrid, yTickLabels, refLinesY, refLinesX } from '../axes.js';
 import { createFrame } from '../frame.js';
 import { ctx } from '../context.js';
@@ -45,8 +45,8 @@ function prepare(spec) {
   if (cat) requireField(data, cat, 'x (categoría)');
   if (hue) requireField(data, hue, 'hue');
   const catOf = (r) => (cat ? String(r[cat] ?? '') : '');
-  const cats = spec.order ? spec.order.map(String) : uniq(data.map(catOf));
-  const hues = hue ? (spec.hueOrder ? spec.hueOrder.map(String) : uniq(data.map((r) => String(r[hue])))) : [''];
+  const cats = Array.isArray(spec.order) ? spec.order.map(String) : uniq(data.map(catOf));
+  const hues = hue ? (Array.isArray(spec.hueOrder) ? spec.hueOrder.map(String) : uniq(data.map((r) => String(r[hue])))) : [''];
   const groups = new Map();
   for (const r of data) {
     const v = num(r[val]);
@@ -57,6 +57,13 @@ function prepare(spec) {
   }
   const get = (c, h) => groups.get(c + '\u0000' + h) || [];
   const all = [...groups.values()].flat();
+  // Sin un solo número no hay eje de valores que dibujar.
+  if (!all.length) {
+    const en = String(spec.locale || 'es').startsWith('en');
+    throw en
+      ? new PlotError(`No numeric values in \`${val}\`.`, `\`${val}\` must hold numbers (empty, null and non-finite values are skipped). To count rows per category, use \`type: "countplot"\`.`)
+      : new PlotError(`No hay valores numéricos en \`${val}\`.`, `\`${val}\` debe tener números (se omiten vacíos, nulos y valores no finitos). Para contar filas por categoría usa \`type: "countplot"\`.`);
+  }
   return { data, cat, val, hue, cats, hues, get, all, swapped };
 }
 
@@ -134,7 +141,7 @@ function setup(spec, theme, m, extent, { type, zero = false, dodge = true, rowSt
 
   if (spec._domains && typeof spec._domains === 'object') spec._domains.y = [nd.min, nd.max];
   // Líneas de referencia en el eje de valores (metas, umbrales).
-  const refs = (spec.refLines || []).map((r) => ({ ...r, y: r.value ?? r.y ?? r.x }));
+  const refs = [].concat(spec.refLines ?? []).filter((r) => r && typeof r === 'object').map((r) => ({ ...r, y: r.value ?? r.y ?? r.x }));
   if (refs.length) body.post.push(vertical ? refLinesY(refs, valS, inner, theme, fmt) : refLinesX(refs.map((r) => ({ ...r, x: r.y, y: undefined })), valS, inner, theme, fmt));
 
   // Posición en el eje de categorías: centro de cada grupo (con "dodge" por hue).
@@ -229,7 +236,13 @@ export function violin(spec, theme) {
   const tf = logV ? Math.log10 : (v) => v, inv = logV ? (v) => 10 ** v : (v) => v;
   for (const c of m.cats) for (const h of m.hues) {
     const vs = m.get(c, h);
-    if (vs.length < 2) continue;
+    if (!vs.length) continue;
+    // Un solo valor (o todos iguales) no tiene densidad: se dibuja como una marca.
+    if (vs.length < 2 || Math.min(...vs) === Math.max(...vs)) {
+      dens.set(c + '\u0000' + h, { single: true, f: fiveNumber(vs), n: vs.length, max: 0 });
+      ext.push(vs[0]);
+      continue;
+    }
     const tv = vs.map(tf);
     const bw = (spec.bandwidth ?? scottBandwidth(tv)) * (spec.bwAdjust ?? 1);
     const mn = Math.min(...tv), mx = Math.max(...tv);
@@ -239,8 +252,8 @@ export function violin(spec, theme) {
   }
   const s = setup(spec, theme, m, extentOf(ext), { type: 'violin', dodge: !split });
   const scaleMode = ['width', 'count', 'area'].includes(spec.scale) ? spec.scale : spec.densityNorm ?? 'width';
-  const gMax = Math.max(...[...dens.values()].map((x) => x.max));
-  const nMax = Math.max(...[...dens.values()].map((x) => x.n));
+  const gMax = Math.max(...[...dens.values()].filter((x) => !x.single).map((x) => x.max), 0);
+  const nMax = Math.max(...[...dens.values()].filter((x) => !x.single).map((x) => x.n), 1);
   const inner = spec.inner ?? 'box';
   const op = Math.min(0.5, (theme.marks?.bandOpacity ?? 0.16) * 2.2);
   m.cats.forEach((c) => m.hues.forEach((h, hi2) => {
@@ -252,6 +265,17 @@ export function violin(spec, theme) {
     const norm = scaleMode === 'width' ? D.max : scaleMode === 'count' ? gMax * (nMax / D.n) : gMax;
     const wOf = (d) => (d / (norm || 1)) * half;
     const side = split ? (hi2 === 0 ? -1 : 1) : 0;
+    if (D.single) {
+      // Sin forma que estimar: una raya a lo ancho del violín y un punto en el valor.
+      const v = D.f.median, w = Math.min(half, 18);
+      const [x, y] = s.P(cpos, v);
+      const parts = [
+        seg(s, cpos - (side === 1 ? 0 : w), v, cpos + (side === -1 ? 0 : w), v, { stroke: color, strokeWidth: 2, strokeLinecap: 'round' }),
+        el('circle', { cx: x, cy: y, r: 3.5, fill: color, stroke: theme.surface, strokeWidth: 1.5 }),
+      ];
+      s.body.marks.push(g({ class: 'pa-m', 'data-tip': tip(fmtTipLabel(c, h), `n = ${D.n}`, `${T('Value', 'Valor', s.locale)}: ${s.fmt(v)}`) }, parts));
+      return;
+    }
     const right = D.d.map(([v, d]) => s.P(cpos + (side === -1 ? 0 : wOf(d)), v));
     const left = D.d.map(([v, d]) => s.P(cpos - (side === 1 ? 0 : wOf(d)), v)).reverse();
     const pts = side === -1 ? [...D.d.map(([v]) => s.P(cpos, v)), ...left] : side === 1 ? [...right, ...D.d.map(([v]) => s.P(cpos, v)).reverse()] : [...right, ...left];

package/src/charts/chord.js

@@ -16,7 +16,7 @@ export function prepareChord(spec) {
   if (Array.isArray(spec.matrix)) {
     const names = (spec.names || spec.matrix.map((_, i) => String(i + 1))).map(String);
     if (spec.matrix.length !== names.length) throw new PlotError('`matrix` y `names` deben tener el mismo largo.', 'matrix: [[0, 5], [3, 0]], names: ["A", "B"]');
-    return { names, m: spec.matrix.map((row) => names.map((_, j) => Math.max(0, num(row[j]) || 0))) };
+    return { names, m: spec.matrix.map((row) => names.map((_, j) => { const v = num(row[j]); return Number.isFinite(v) && v > 0 ? v : 0; })) };
   }
   const data = ensureData(spec);
   const fields = fieldsOf(data);
@@ -33,7 +33,7 @@ export function prepareChord(spec) {
   for (const r of data) {
     if (r[from] === null || r[from] === undefined || r[to] === null || r[to] === undefined) continue;
     const v = vf ? num(r[vf]) : 1;
-    if (!(v > 0)) continue;
+    if (!(v > 0) || !Number.isFinite(v)) continue;
     flows.push([at(String(r[from])), at(String(r[to])), v]);
   }
   const m = names.map(() => names.map(() => 0));
@@ -78,7 +78,7 @@ export function chord(spec, theme) {
   const fmt = makeFormat(spec.format, locale, ribbons.map((r) => r.v).concat(totals));
   const pct = (a, b) => (b > 0 ? formatNumber((a / b) * 100, a / b < 0.1 ? 1 : 0, locale, true) + '%' : '');
 
-  const legend = spec.legend === true ? sizeOrder.map((i) => ({ label: names[i], color: colorOf(i) })) : [];
+  const legend = spec.legend === true || (spec.legend && typeof spec.legend !== 'boolean') ? sizeOrder.map((i) => ({ label: names[i], color: colorOf(i) })) : [];
   const W = spec.width || 720;
   const frame = createFrame(spec, theme, { height: W < 560 ? Math.round(W * 1.02 + 150) : 600 });
   const area = frame.layout(legend);