@dou-ui/chart 0.0.0-stage → 0.1.0-alpha.1

package/dist/core/scatter.js

@@ -0,0 +1,263 @@
+import { nearestPoint } from "./hit.js";
+import { yColumn } from "./data.js";
+import { eachNear, pointGrid } from "./grid.js";
+// src/core/scatter.ts
+/** The radius of the largest bubble, unless set. */
+var BUBBLE = 24;
+/** The smallest bubble radius, so small values still show. */
+var MIN_BUBBLE = 2;
+/** From this many dots on, they are stamped into one image instead of drawn one by one. */
+var MANY = 2e3;
+var orders = /* @__PURE__ */ new WeakMap();
+/** Indices from the largest size to the smallest, so small bubbles stay on top. */
+function largestFirst(sizes) {
+	let order = orders.get(sizes);
+	if (!order) {
+		order = Int32Array.from(sizes, (_, i) => i);
+		order.sort((a, b) => (sizes[b] || 0) - (sizes[a] || 0));
+		orders.set(sizes, order);
+	}
+	return order;
+}
+/**
+* Draws a dot at each point; with `size`, a bubble whose area is its size.
+* Dots are a little see-through so dots on top of each other show darker;
+* bubbles are lighter, with an edge, so they read through each other.
+* From a few thousand dots on, they are stamped into one image: quicker
+* by far, though a pile of dots is then no darker than one.
+*/
+/** Where row `i` is drawn; `null` when it has no value or is well outside the plot. */
+function pointOf(series, { x: sx, y: sy, plot, horizontal }) {
+	const xs = series.x.values;
+	const ys = series.top;
+	return (i) => {
+		const x = xs[i];
+		const y = ys[i];
+		if (x !== x || y !== y) return null;
+		const u = sx.map(x);
+		const v = sy.map(y);
+		const [px, py] = horizontal ? [v, u] : [u, v];
+		if (px < plot.x - 8 || px > plot.x + plot.width + 8) return null;
+		if (py < plot.y - 8 || py > plot.y + plot.height + 8) return null;
+		return [px, py];
+	};
+}
+/** The radius of a bubble of each size: its area grows with the size. */
+function bubbleRadius(sizes, max = BUBBLE) {
+	let largest = 0;
+	for (let i = 0; i < sizes.length; i++) if (sizes[i] > largest) largest = sizes[i];
+	return (size) => largest > 0 ? Math.max(MIN_BUBBLE, max * Math.sqrt(size / largest)) : MIN_BUBBLE;
+}
+var DOT = 3.5;
+function drawScatter(painter, series, view) {
+	const { plot } = view;
+	const xs = series.x.values;
+	const ys = series.top;
+	const sizeKey = series.props.size;
+	const sizes = sizeKey === void 0 ? null : yColumn(series.rows, sizeKey);
+	const n = Math.min(xs.length, ys.length);
+	const point = pointOf(series, view);
+	painter.save();
+	painter.fillStyle = series.color;
+	painter.strokeStyle = series.color;
+	if (sizes) {
+		const radius = bubbleRadius(sizes, series.props.radius);
+		painter.lineWidth = 1;
+		for (const i of largestFirst(sizes)) {
+			if (i >= n) continue;
+			const size = sizes[i];
+			if (!(size >= 0)) continue;
+			const at = point(i);
+			if (!at) continue;
+			const r = radius(size);
+			const own = series.colors?.[i];
+			painter.fillStyle = own ?? series.color;
+			painter.strokeStyle = own ?? series.color;
+			painter.beginPath();
+			painter.moveTo(at[0] + r, at[1]);
+			painter.arc(at[0], at[1], r, 0, Math.PI * 2);
+			painter.globalAlpha = .36;
+			painter.fill();
+			painter.globalAlpha = .9;
+			painter.stroke();
+		}
+		painter.restore();
+		return;
+	}
+	const r = series.props.radius ?? DOT;
+	painter.globalAlpha = .72;
+	if (n < MANY) for (let i = 0; i < n; i++) {
+		const at = point(i);
+		if (!at) continue;
+		if (series.colors) painter.fillStyle = series.colors[i] ?? series.color;
+		painter.beginPath();
+		painter.arc(at[0], at[1], r, 0, Math.PI * 2);
+		painter.fill();
+	}
+	else if (view.vector || !stampDots(painter, series.color, view, r, n, point)) {
+		const columns = Math.ceil(plot.width) + 17;
+		const seen = take(columns * (Math.ceil(plot.height) + 17));
+		painter.beginPath();
+		for (let i = 0; i < n; i++) {
+			const at = point(i);
+			if (!at) continue;
+			const cell = Math.round(at[1] - plot.y + 8) * columns + Math.round(at[0] - plot.x + 8);
+			if (seen[cell]) continue;
+			seen[cell] = 1;
+			painter.moveTo(at[0] + r, at[1]);
+			painter.arc(at[0], at[1], r, 0, Math.PI * 2);
+		}
+		painter.fill();
+	}
+	painter.restore();
+}
+var buffer = /* @__PURE__ */ new Uint8Array(0);
+/** A zeroed buffer of at least `length` bytes, reused between draws. */
+function take(length) {
+	if (buffer.length < length) buffer = new Uint8Array(length);
+	else buffer.fill(0, 0, length);
+	return buffer;
+}
+/** How much of each pixel a dot of radius `radius` device px covers, around a center pixel. */
+var masks = /* @__PURE__ */ new Map();
+function dotMask(radius) {
+	const key = Math.round(radius * 4) / 4;
+	let mask = masks.get(key);
+	if (!mask) {
+		const half = Math.ceil(key + .5);
+		const size = half * 2 + 1;
+		const cover = new Uint8Array(size * size);
+		for (let y = 0; y < size; y++) for (let x = 0; x < size; x++) {
+			const d = Math.hypot(x - half, y - half);
+			cover[y * size + x] = Math.round(Math.min(1, Math.max(0, key + .5 - d)) * 255);
+		}
+		masks.set(key, mask = {
+			half,
+			size,
+			cover
+		});
+	}
+	return mask;
+}
+var layer = null;
+/**
+* Draws many dots by stamping them into one image: a dot is a small mask
+* of how much of each pixel it covers, the image keeps the most any dot
+* covers, and the result is drawn once in the series' color. It looks the
+* same as drawing every dot as a shape and is many times quicker. Returns
+* `false` when there is no canvas to stamp on.
+*/
+function stampDots(painter, color, { plot, dpr }, r, n, point) {
+	if (typeof document === "undefined") return false;
+	layer ??= document.createElement("canvas");
+	const ctx = layer.getContext("2d");
+	if (!ctx) return false;
+	const room = Math.ceil(r) + 8;
+	const left = Math.floor((plot.x - room) * dpr) / dpr;
+	const top = Math.floor((plot.y - room) * dpr) / dpr;
+	const width = Math.ceil((plot.width + room * 2) * dpr);
+	const height = Math.ceil((plot.height + room * 2) * dpr);
+	const { half, size, cover } = dotMask(r * dpr);
+	const alpha = take(width * height * 2);
+	const centers = alpha.subarray(width * height);
+	for (let i = 0; i < n; i++) {
+		const at = point(i);
+		if (!at) continue;
+		const cx = Math.round((at[0] - left) * dpr);
+		const cy = Math.round((at[1] - top) * dpr);
+		if (cx < 0 || cy < 0 || cx >= width || cy >= height) continue;
+		const center = cy * width + cx;
+		if (centers[center]) continue;
+		centers[center] = 1;
+		const x0 = Math.max(0, half - cx);
+		const x1 = Math.min(size, width - cx + half);
+		const y0 = Math.max(0, half - cy);
+		const y1 = Math.min(size, height - cy + half);
+		for (let y = y0; y < y1; y++) {
+			const row = (cy - half + y) * width + cx - half;
+			const maskRow = y * size;
+			for (let x = x0; x < x1; x++) {
+				const c = cover[maskRow + x];
+				if (c > alpha[row + x]) alpha[row + x] = c;
+			}
+		}
+	}
+	if (layer.width !== width) layer.width = width;
+	if (layer.height !== height) layer.height = height;
+	const image = ctx.createImageData(width, height);
+	const pixels = image.data;
+	for (let i = 0, j = 3; i < width * height; i++, j += 4) pixels[j] = alpha[i];
+	ctx.putImageData(image, 0, 0);
+	ctx.globalCompositeOperation = "source-in";
+	ctx.fillStyle = color;
+	ctx.fillRect(0, 0, width, height);
+	ctx.globalCompositeOperation = "source-over";
+	painter.drawImage(layer, left, top, width / dpr, height / dpr);
+	return true;
+}
+/**
+* The point under `(px, py)`: the bubble it is inside (the smallest, which
+* is drawn on top), or the dot nearest to it within a finger's reach.
+*/
+function hitScatter(series, view, px, py) {
+	const point = pointOf(series, view);
+	const n = Math.min(series.x.values.length, series.top.length);
+	const sizeKey = series.props.size;
+	if (sizeKey === void 0) {
+		const r = series.props.radius ?? DOT;
+		const reach = Math.max(r + 4, 12);
+		if (n < MANY) {
+			const hit = nearestPoint(n, point, px, py, () => reach);
+			return hit && {
+				index: hit.index,
+				radius: r
+			};
+		}
+		const { x: sx, y: sy, horizontal } = view;
+		const [along, across] = horizontal ? [py, px] : [px, py];
+		let index = -1;
+		let distance = Infinity;
+		eachNear(pointGrid(series.x.values, series.top), sx.invert(along - reach), sx.invert(along + reach), sy.invert(across - reach), sy.invert(across + reach), (i) => {
+			const at = point(i);
+			if (!at) return;
+			const d = Math.hypot(at[0] - px, at[1] - py);
+			if (d <= reach && (d < distance || d === distance && i > index)) {
+				index = i;
+				distance = d;
+			}
+		});
+		return index < 0 ? null : {
+			index,
+			radius: r
+		};
+	}
+	const sizes = yColumn(series.rows, sizeKey);
+	const radius = bubbleRadius(sizes, series.props.radius);
+	let best = null;
+	for (let i = 0; i < n; i++) {
+		const size = sizes[i];
+		if (!(size >= 0)) continue;
+		const at = point(i);
+		if (!at) continue;
+		const r = radius(size);
+		if (Math.hypot(at[0] - px, at[1] - py) > Math.max(r, 8)) continue;
+		if (!best || r < best.radius) best = {
+			index: i,
+			radius: r
+		};
+	}
+	return best;
+}
+var scatterKind = {
+	type: "scatter",
+	tooltip: "item",
+	hit: hitScatter,
+	prepare: (series) => {
+		if (Math.min(series.x.values.length, series.top.length) >= MANY && series.props.size === void 0) return pointGrid(series.x.values, series.top);
+	},
+	inset: ({ props }) => props.size === void 0 ? 0 : (props.radius ?? BUBBLE) + 1,
+	draw: drawScatter
+};
+export { drawScatter, hitScatter, scatterKind };
+
+//# sourceMappingURL=scatter.js.map

package/dist/core/scatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatter.js","names":[],"sources":["../../src/core/scatter.ts"],"sourcesContent":["import { yColumn, type ChartAccessor } from './data'\nimport type { Painter } from './painter'\nimport { eachNear, pointGrid } from './grid'\nimport { nearestPoint } from './hit'\nimport type { ChartHit, ChartSeries, ChartSeriesKind, ChartView } from './series'\n\nexport interface ScatterStyle {\n  /** The bubble size of each row; the area of a bubble grows with it. */\n  size?: ChartAccessor\n  /** Dot radius in px; with `size`, the radius of the largest bubble. */\n  radius?: number\n}\n\n/** The radius of the largest bubble, unless set. */\nconst BUBBLE = 24\n/** The smallest bubble radius, so small values still show. */\nconst MIN_BUBBLE = 2\n/** From this many dots on, they are stamped into one image instead of drawn one by one. */\nconst MANY = 2000\n\nconst orders = new WeakMap<Float64Array, Int32Array>()\n/** Indices from the largest size to the smallest, so small bubbles stay on top. */\nfunction largestFirst(sizes: Float64Array): Int32Array {\n  let order = orders.get(sizes)\n  if (!order) {\n    order = Int32Array.from(sizes, (_, i) => i)\n    // the `|| 0` keeps NaN (no size) at the end\n    // oxlint-disable-next-line unicorn/no-array-sort -- sorts its own array\n    order.sort((a, b) => (sizes[b]! || 0) - (sizes[a]! || 0))\n    orders.set(sizes, order)\n  }\n  return order\n}\n\n/**\n * Draws a dot at each point; with `size`, a bubble whose area is its size.\n * Dots are a little see-through so dots on top of each other show darker;\n * bubbles are lighter, with an edge, so they read through each other.\n * From a few thousand dots on, they are stamped into one image: quicker\n * by far, though a pile of dots is then no darker than one.\n */\n/** Where row `i` is drawn; `null` when it has no value or is well outside the plot. */\nfunction pointOf(series: ChartSeries<ScatterStyle>, { x: sx, y: sy, plot, horizontal }: ChartView) {\n  const xs = series.x.values\n  const ys = series.top\n  return (i: number): [number, number] | null => {\n    const x = xs[i]!\n    const y = ys[i]!\n    if (x !== x || y !== y) return null\n    const u = sx.map(x)\n    const v = sy.map(y)\n    const [px, py] = horizontal ? [v, u] : [u, v]\n    // a little room outside the plot so dots on the edge show whole\n    if (px < plot.x - 8 || px > plot.x + plot.width + 8) return null\n    if (py < plot.y - 8 || py > plot.y + plot.height + 8) return null\n    return [px, py]\n  }\n}\n\n/** The radius of a bubble of each size: its area grows with the size. */\nfunction bubbleRadius(sizes: Float64Array, max = BUBBLE) {\n  let largest = 0\n  for (let i = 0; i < sizes.length; i++) if (sizes[i]! > largest) largest = sizes[i]!\n  return (size: number) =>\n    largest > 0 ? Math.max(MIN_BUBBLE, max * Math.sqrt(size / largest)) : MIN_BUBBLE\n}\n\nconst DOT = 3.5\n\nexport function drawScatter(painter: Painter, series: ChartSeries<ScatterStyle>, view: ChartView) {\n  const { plot } = view\n  const xs = series.x.values\n  const ys = series.top\n  const sizeKey = series.props.size\n  const sizes = sizeKey === undefined ? null : yColumn(series.rows, sizeKey)\n  const n = Math.min(xs.length, ys.length)\n\n  const point = pointOf(series, view)\n\n  painter.save()\n  painter.fillStyle = series.color\n  painter.strokeStyle = series.color\n\n  if (sizes) {\n    const radius = bubbleRadius(sizes, series.props.radius)\n    painter.lineWidth = 1\n    // one at a time: each bubble's edge goes over the fill of those under it\n    for (const i of largestFirst(sizes)) {\n      if (i >= n) continue\n      const size = sizes[i]!\n      if (!(size >= 0)) continue\n      const at = point(i)\n      if (!at) continue\n      const r = radius(size)\n      const own = series.colors?.[i]\n      painter.fillStyle = own ?? series.color\n      painter.strokeStyle = own ?? series.color\n      painter.beginPath()\n      painter.moveTo(at[0] + r, at[1])\n      painter.arc(at[0], at[1], r, 0, Math.PI * 2)\n      painter.globalAlpha = 0.36\n      painter.fill()\n      painter.globalAlpha = 0.9\n      painter.stroke()\n    }\n    painter.restore()\n    return\n  }\n\n  const r = series.props.radius ?? DOT\n  painter.globalAlpha = 0.72\n  if (n < MANY) {\n    for (let i = 0; i < n; i++) {\n      const at = point(i)\n      if (!at) continue\n      if (series.colors) painter.fillStyle = series.colors[i] ?? series.color\n      painter.beginPath()\n      painter.arc(at[0], at[1], r, 0, Math.PI * 2)\n      painter.fill()\n    }\n  } else if (view.vector || !stampDots(painter, series.color, view, r, n, point)) {\n    // no canvas to stamp on (an SVG, or not in a page): one shape, a dot per pixel\n    const columns = Math.ceil(plot.width) + 17\n    const cells = columns * (Math.ceil(plot.height) + 17)\n    const seen = take(cells)\n    painter.beginPath()\n    for (let i = 0; i < n; i++) {\n      const at = point(i)\n      if (!at) continue\n      const cell = Math.round(at[1] - plot.y + 8) * columns + Math.round(at[0] - plot.x + 8)\n      if (seen[cell]) continue\n      seen[cell] = 1\n      painter.moveTo(at[0] + r, at[1])\n      painter.arc(at[0], at[1], r, 0, Math.PI * 2)\n    }\n    painter.fill()\n  }\n  painter.restore()\n}\n\nlet buffer = new Uint8Array(0)\n/** A zeroed buffer of at least `length` bytes, reused between draws. */\nfunction take(length: number): Uint8Array {\n  if (buffer.length < length) buffer = new Uint8Array(length)\n  else buffer.fill(0, 0, length)\n  return buffer\n}\n\n/** How much of each pixel a dot of radius `radius` device px covers, around a center pixel. */\nconst masks = new Map<number, { half: number; size: number; cover: Uint8Array }>()\nfunction dotMask(radius: number) {\n  const key = Math.round(radius * 4) / 4\n  let mask = masks.get(key)\n  if (!mask) {\n    const half = Math.ceil(key + 0.5)\n    const size = half * 2 + 1\n    const cover = new Uint8Array(size * size)\n    for (let y = 0; y < size; y++)\n      for (let x = 0; x < size; x++) {\n        const d = Math.hypot(x - half, y - half)\n        cover[y * size + x] = Math.round(Math.min(1, Math.max(0, key + 0.5 - d)) * 255)\n      }\n    masks.set(key, (mask = { half, size, cover }))\n  }\n  return mask\n}\n\nlet layer: HTMLCanvasElement | null = null\n\n/**\n * Draws many dots by stamping them into one image: a dot is a small mask\n * of how much of each pixel it covers, the image keeps the most any dot\n * covers, and the result is drawn once in the series' color. It looks the\n * same as drawing every dot as a shape and is many times quicker. Returns\n * `false` when there is no canvas to stamp on.\n */\nfunction stampDots(\n  painter: Painter,\n  color: string,\n  { plot, dpr }: ChartView,\n  r: number,\n  n: number,\n  point: (i: number) => [number, number] | null,\n): boolean {\n  if (typeof document === 'undefined') return false\n  layer ??= document.createElement('canvas')\n  const ctx = layer.getContext('2d')\n  if (!ctx) return false\n  const room = Math.ceil(r) + 8\n  // on whole device pixels, so the image lands on the canvas unscaled\n  const left = Math.floor((plot.x - room) * dpr) / dpr\n  const top = Math.floor((plot.y - room) * dpr) / dpr\n  const width = Math.ceil((plot.width + room * 2) * dpr)\n  const height = Math.ceil((plot.height + room * 2) * dpr)\n  const { half, size, cover } = dotMask(r * dpr)\n  const alpha = take(width * height * 2)\n  const centers = alpha.subarray(width * height)\n\n  for (let i = 0; i < n; i++) {\n    const at = point(i)\n    if (!at) continue\n    const cx = Math.round((at[0] - left) * dpr)\n    const cy = Math.round((at[1] - top) * dpr)\n    if (cx < 0 || cy < 0 || cx >= width || cy >= height) continue\n    // a dot already stamped here: nothing to add\n    const center = cy * width + cx\n    if (centers[center]) continue\n    centers[center] = 1\n    const x0 = Math.max(0, half - cx)\n    const x1 = Math.min(size, width - cx + half)\n    const y0 = Math.max(0, half - cy)\n    const y1 = Math.min(size, height - cy + half)\n    for (let y = y0; y < y1; y++) {\n      const row = (cy - half + y) * width + cx - half\n      const maskRow = y * size\n      for (let x = x0; x < x1; x++) {\n        const c = cover[maskRow + x]!\n        if (c > alpha[row + x]!) alpha[row + x] = c\n      }\n    }\n  }\n\n  if (layer.width !== width) layer.width = width\n  if (layer.height !== height) layer.height = height\n  const image = ctx.createImageData(width, height)\n  const pixels = image.data\n  for (let i = 0, j = 3; i < width * height; i++, j += 4) pixels[j] = alpha[i]!\n  ctx.putImageData(image, 0, 0)\n  // color what was stamped\n  ctx.globalCompositeOperation = 'source-in'\n  ctx.fillStyle = color\n  ctx.fillRect(0, 0, width, height)\n  ctx.globalCompositeOperation = 'source-over'\n  painter.drawImage(layer, left, top, width / dpr, height / dpr)\n  return true\n}\n\n/**\n * The point under `(px, py)`: the bubble it is inside (the smallest, which\n * is drawn on top), or the dot nearest to it within a finger's reach.\n */\nexport function hitScatter(\n  series: ChartSeries<ScatterStyle>,\n  view: ChartView,\n  px: number,\n  py: number,\n): ChartHit | null {\n  const point = pointOf(series, view)\n  const n = Math.min(series.x.values.length, series.top.length)\n  const sizeKey = series.props.size\n  if (sizeKey === undefined) {\n    const r = series.props.radius ?? DOT\n    const reach = Math.max(r + 4, 12)\n    if (n < MANY) {\n      const hit = nearestPoint(n, point, px, py, () => reach)\n      return hit && { index: hit.index, radius: r }\n    }\n    // many dots: only those in the cells around the pointer\n    const { x: sx, y: sy, horizontal } = view\n    const [along, across] = horizontal ? [py, px] : [px, py]\n    let index = -1\n    let distance = Infinity\n    eachNear(\n      pointGrid(series.x.values, series.top),\n      sx.invert(along - reach),\n      sx.invert(along + reach),\n      sy.invert(across - reach),\n      sy.invert(across + reach),\n      (i) => {\n        const at = point(i)\n        if (!at) return\n        const d = Math.hypot(at[0] - px, at[1] - py)\n        // as with fewer dots: of equal ones, the one drawn last\n        if (d <= reach && (d < distance || (d === distance && i > index))) {\n          index = i\n          distance = d\n        }\n      },\n    )\n    return index < 0 ? null : { index, radius: r }\n  }\n  const sizes = yColumn(series.rows, sizeKey)\n  const radius = bubbleRadius(sizes, series.props.radius)\n  let best: ChartHit | null = null\n  for (let i = 0; i < n; i++) {\n    const size = sizes[i]!\n    if (!(size >= 0)) continue\n    const at = point(i)\n    if (!at) continue\n    const r = radius(size)\n    // small bubbles get a little more room, so they can be reached\n    if (Math.hypot(at[0] - px, at[1] - py) > Math.max(r, 8)) continue\n    if (!best || r < best.radius) best = { index: i, radius: r }\n  }\n  return best\n}\n\nexport const scatterKind: ChartSeriesKind<ScatterStyle> = {\n  type: 'scatter',\n  tooltip: 'item',\n  hit: hitScatter,\n  // the grid for finding dots under the pointer, when there are many\n  prepare: (series) => {\n    const n = Math.min(series.x.values.length, series.top.length)\n    if (n >= MANY && series.props.size === undefined) return pointGrid(series.x.values, series.top)\n  },\n  // bubbles may be large: keep them inside the plot\n  inset: ({ props }) => (props.size === undefined ? 0 : (props.radius ?? BUBBLE) + 1),\n  draw: drawScatter,\n}\n"],"mappings":"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"}

package/dist/core/svg.js

@@ -0,0 +1,209 @@
+// src/core/svg.ts
+var TAU = Math.PI * 2;
+/** A number with at most two decimals, short in the markup. */
+var num = (value) => String(Math.round(value * 100) / 100);
+var ESCAPES = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+/** Text made safe to put in markup, as content or in an attribute. */
+var escapeXml = (text) => text.replace(/[&<>"']/g, (c) => ESCAPES[c]);
+/** `name="value"` for a color, or a style when SVG attributes can't take it (`var(…)`, `color-mix(…)`). */
+function paintAttribute(name, color) {
+	return /^(var|color-mix)\(/.test(color) ? ` style="${name}:${escapeXml(color)}"` : ` ${name}="${escapeXml(color)}"`;
+}
+var SvgPainter = class {
+	prefix;
+	color;
+	fillStyle = "#000";
+	strokeStyle = "#000";
+	lineWidth = 1;
+	lineJoin = "miter";
+	lineCap = "butt";
+	globalAlpha = 1;
+	dash = [];
+	clipId = null;
+	states = [];
+	path = "";
+	/** The current point, and where the current subpath starts; `NaN` when there is none. */
+	cx = NaN;
+	cy = NaN;
+	sx = NaN;
+	sy = NaN;
+	body = [];
+	defs = [];
+	clips = 0;
+	ids = 0;
+	/**
+	* `prefix` starts every id the markup gives, so two SVGs in one page
+	* don't share them; `color` turns a color into one the SVG's reader
+	* understands.
+	*/
+	constructor(prefix, color = (css) => css) {
+		this.prefix = prefix;
+		this.color = color;
+	}
+	/** An id of its own in this SVG, for something drawn as raw markup (a gradient). */
+	id(name) {
+		return `${this.prefix}${name}${this.ids++}`;
+	}
+	save() {
+		this.states.push({
+			fillStyle: String(this.fillStyle),
+			strokeStyle: String(this.strokeStyle),
+			lineWidth: this.lineWidth,
+			lineJoin: this.lineJoin,
+			lineCap: this.lineCap,
+			globalAlpha: this.globalAlpha,
+			dash: this.dash,
+			clip: this.clipId
+		});
+	}
+	restore() {
+		const state = this.states.pop();
+		if (!state) return;
+		this.fillStyle = state.fillStyle;
+		this.strokeStyle = state.strokeStyle;
+		this.lineWidth = state.lineWidth;
+		this.lineJoin = state.lineJoin;
+		this.lineCap = state.lineCap;
+		this.globalAlpha = state.globalAlpha;
+		this.dash = state.dash;
+		this.clipId = state.clip;
+	}
+	beginPath() {
+		this.path = "";
+		this.cx = this.cy = this.sx = this.sy = NaN;
+	}
+	closePath() {
+		if (!this.path) return;
+		this.path += "Z";
+		this.cx = this.sx;
+		this.cy = this.sy;
+	}
+	moveTo(x, y) {
+		this.path += `M${num(x)} ${num(y)}`;
+		this.cx = this.sx = x;
+		this.cy = this.sy = y;
+	}
+	lineTo(x, y) {
+		if (this.cx !== this.cx) return this.moveTo(x, y);
+		this.path += `L${num(x)} ${num(y)}`;
+		this.cx = x;
+		this.cy = y;
+	}
+	bezierCurveTo(c1x, c1y, c2x, c2y, x, y) {
+		if (this.cx !== this.cx) this.moveTo(c1x, c1y);
+		this.path += `C${num(c1x)} ${num(c1y)} ${num(c2x)} ${num(c2y)} ${num(x)} ${num(y)}`;
+		this.cx = x;
+		this.cy = y;
+	}
+	rect(x, y, width, height) {
+		this.path += `M${num(x)} ${num(y)}h${num(width)}v${num(height)}h${num(-width)}Z`;
+		this.cx = this.sx = x;
+		this.cy = this.sy = y;
+	}
+	arc(x, y, radius, startAngle, endAngle, counterclockwise = false) {
+		const r = Math.abs(radius);
+		const start = [x + r * Math.cos(startAngle), y + r * Math.sin(startAngle)];
+		if (this.cx !== this.cx) this.moveTo(start[0], start[1]);
+		else this.lineTo(start[0], start[1]);
+		if (r === 0) return;
+		let sweep = counterclockwise ? startAngle - endAngle : endAngle - startAngle;
+		const whole = sweep >= TAU;
+		sweep = whole ? TAU : (sweep % TAU + TAU) % TAU;
+		if (sweep === 0) return;
+		const flag = counterclockwise ? 0 : 1;
+		const end = startAngle + (counterclockwise ? -sweep : sweep);
+		const point = (angle) => `${num(x + r * Math.cos(angle))} ${num(y + r * Math.sin(angle))}`;
+		if (whole) {
+			const half = startAngle + (counterclockwise ? -Math.PI : Math.PI);
+			this.path += `A${num(r)} ${num(r)} 0 0 ${flag} ${point(half)}`;
+			this.path += `A${num(r)} ${num(r)} 0 0 ${flag} ${point(end)}`;
+		} else this.path += `A${num(r)} ${num(r)} 0 ${sweep > Math.PI ? 1 : 0} ${flag} ${point(end)}`;
+		this.cx = x + r * Math.cos(end);
+		this.cy = y + r * Math.sin(end);
+	}
+	arcTo(x1, y1, x2, y2, radius) {
+		if (this.cx !== this.cx) return this.moveTo(x1, y1);
+		const [x0, y0] = [this.cx, this.cy];
+		const ax = x0 - x1;
+		const ay = y0 - y1;
+		const bx = x2 - x1;
+		const by = y2 - y1;
+		const la = Math.hypot(ax, ay);
+		const lb = Math.hypot(bx, by);
+		const cross = ax * by - ay * bx;
+		if (radius <= 0 || la === 0 || lb === 0 || Math.abs(cross) < 1e-9 * la * lb) return this.lineTo(x1, y1);
+		const angle = Math.acos(Math.max(-1, Math.min(1, (ax * bx + ay * by) / (la * lb))));
+		const along = radius / Math.tan(angle / 2);
+		this.lineTo(x1 + ax / la * along, y1 + ay / la * along);
+		const ex = x1 + bx / lb * along;
+		const ey = y1 + by / lb * along;
+		this.path += `A${num(radius)} ${num(radius)} 0 0 ${cross < 0 ? 1 : 0} ${num(ex)} ${num(ey)}`;
+		this.cx = ex;
+		this.cy = ey;
+	}
+	setLineDash(segments) {
+		this.dash = [...segments];
+	}
+	fill(rule) {
+		if (!this.path) return;
+		const evenodd = rule === "evenodd" ? " fill-rule=\"evenodd\"" : "";
+		this.body.push(`<path d="${this.path}"${paintAttribute("fill", this.color(String(this.fillStyle)))}${evenodd}${this.common()}/>`);
+	}
+	stroke() {
+		if (!this.path || this.lineWidth <= 0) return;
+		let attributes = ` fill="none"${paintAttribute("stroke", this.color(String(this.strokeStyle)))}`;
+		if (this.lineWidth !== 1) attributes += ` stroke-width="${num(this.lineWidth)}"`;
+		if (this.lineJoin !== "miter") attributes += ` stroke-linejoin="${this.lineJoin}"`;
+		else attributes += " stroke-miterlimit=\"10\"";
+		if (this.lineCap !== "butt") attributes += ` stroke-linecap="${this.lineCap}"`;
+		if (this.dash.length) attributes += ` stroke-dasharray="${this.dash.map(num).join(" ")}"`;
+		this.body.push(`<path d="${this.path}"${attributes}${this.common()}/>`);
+	}
+	clip() {
+		const id = `${this.prefix}c${this.clips++}`;
+		const within = this.clipId ? ` clip-path="url(#${this.clipId})"` : "";
+		this.defs.push(`<clipPath id="${id}"${within}><path d="${this.path || "M0 0"}"/></clipPath>`);
+		this.clipId = id;
+	}
+	drawImage(image, ...args) {
+		let href = "";
+		if (typeof HTMLCanvasElement !== "undefined" && image instanceof HTMLCanvasElement) href = image.toDataURL("image/png");
+		else if (typeof HTMLImageElement !== "undefined" && image instanceof HTMLImageElement) href = image.currentSrc || image.src;
+		if (!href) return;
+		const size = image;
+		const [x = 0, y = 0, width = size.width, height = size.height] = args.length >= 8 ? args.slice(4) : args;
+		this.body.push(`<image href="${escapeXml(href)}" x="${num(x)}" y="${num(y)}" width="${num(width)}" height="${num(height)}" preserveAspectRatio="none"${this.common()}/>`);
+	}
+	/** Draws what `draw` paints as one layer, `alpha` see-through as a whole. */
+	layer(alpha, draw) {
+		this.body.push(`<g opacity="${num(alpha)}">`);
+		draw();
+		this.body.push("</g>");
+	}
+	/** Adds markup as it is, for what the painter can't draw (text). */
+	raw(markup) {
+		this.body.push(markup);
+	}
+	/** The clip and see-through every shape takes from the state. */
+	common() {
+		let attributes = "";
+		if (this.globalAlpha < 1) attributes += ` opacity="${num(this.globalAlpha)}"`;
+		if (this.clipId) attributes += ` clip-path="url(#${this.clipId})"`;
+		return attributes;
+	}
+	/** What was drawn, as the inside of an `<svg>`. */
+	markup() {
+		return (this.defs.length ? `<defs>${this.defs.join("")}</defs>` : "") + this.body.join("");
+	}
+};
+/** Whether a painter writes SVG: it then draws layers and text itself. */
+var isSvg = (painter) => painter instanceof SvgPainter;
+export { SvgPainter, escapeXml, isSvg, num, paintAttribute };
+
+//# sourceMappingURL=svg.js.map

package/dist/core/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","names":[],"sources":["../../src/core/svg.ts"],"sourcesContent":["import type { Painter } from './painter'\n\n/*\n * A painter that writes SVG instead of pixels. The chart draws into it\n * with the same code it draws onto the canvas, so an exported or\n * server-rendered SVG looks the same as the chart in the page.\n */\n\nconst TAU = Math.PI * 2\n\n/** A number with at most two decimals, short in the markup. */\nexport const num = (value: number) => String(Math.round(value * 100) / 100)\n\nconst ESCAPES: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n}\n\n/** Text made safe to put in markup, as content or in an attribute. */\nexport const escapeXml = (text: string) => text.replace(/[&<>\"']/g, (c) => ESCAPES[c]!)\n\n/** `name=\"value\"` for a color, or a style when SVG attributes can't take it (`var(…)`, `color-mix(…)`). */\nexport function paintAttribute(name: 'fill' | 'stroke' | 'stop-color', color: string): string {\n  return /^(var|color-mix)\\(/.test(color)\n    ? ` style=\"${name}:${escapeXml(color)}\"`\n    : ` ${name}=\"${escapeXml(color)}\"`\n}\n\ninterface State {\n  fillStyle: string\n  strokeStyle: string\n  lineWidth: number\n  lineJoin: CanvasLineJoin\n  lineCap: CanvasLineCap\n  globalAlpha: number\n  dash: number[]\n  clip: string | null\n}\n\nexport class SvgPainter implements Painter {\n  fillStyle: string | CanvasGradient | CanvasPattern = '#000'\n  strokeStyle: string | CanvasGradient | CanvasPattern = '#000'\n  lineWidth = 1\n  lineJoin: CanvasLineJoin = 'miter'\n  lineCap: CanvasLineCap = 'butt'\n  globalAlpha = 1\n\n  private dash: number[] = []\n  private clipId: string | null = null\n  private states: State[] = []\n  private path = ''\n  /** The current point, and where the current subpath starts; `NaN` when there is none. */\n  private cx = Number.NaN\n  private cy = Number.NaN\n  private sx = Number.NaN\n  private sy = Number.NaN\n  private body: string[] = []\n  private defs: string[] = []\n  private clips = 0\n  private ids = 0\n\n  /**\n   * `prefix` starts every id the markup gives, so two SVGs in one page\n   * don't share them; `color` turns a color into one the SVG's reader\n   * understands.\n   */\n  constructor(\n    private prefix: string,\n    private color: (css: string) => string = (css) => css,\n  ) {}\n\n  /** An id of its own in this SVG, for something drawn as raw markup (a gradient). */\n  id(name: string): string {\n    return `${this.prefix}${name}${this.ids++}`\n  }\n\n  save(): void {\n    this.states.push({\n      fillStyle: String(this.fillStyle),\n      strokeStyle: String(this.strokeStyle),\n      lineWidth: this.lineWidth,\n      lineJoin: this.lineJoin,\n      lineCap: this.lineCap,\n      globalAlpha: this.globalAlpha,\n      dash: this.dash,\n      clip: this.clipId,\n    })\n  }\n\n  restore(): void {\n    const state = this.states.pop()\n    if (!state) return\n    this.fillStyle = state.fillStyle\n    this.strokeStyle = state.strokeStyle\n    this.lineWidth = state.lineWidth\n    this.lineJoin = state.lineJoin\n    this.lineCap = state.lineCap\n    this.globalAlpha = state.globalAlpha\n    this.dash = state.dash\n    this.clipId = state.clip\n  }\n\n  beginPath(): void {\n    this.path = ''\n    this.cx = this.cy = this.sx = this.sy = Number.NaN\n  }\n\n  closePath(): void {\n    if (!this.path) return\n    this.path += 'Z'\n    this.cx = this.sx\n    this.cy = this.sy\n  }\n\n  moveTo(x: number, y: number): void {\n    this.path += `M${num(x)} ${num(y)}`\n    this.cx = this.sx = x\n    this.cy = this.sy = y\n  }\n\n  lineTo(x: number, y: number): void {\n    // a line with no point before it starts there, as on a canvas\n    if (this.cx !== this.cx) return this.moveTo(x, y)\n    this.path += `L${num(x)} ${num(y)}`\n    this.cx = x\n    this.cy = y\n  }\n\n  bezierCurveTo(c1x: number, c1y: number, c2x: number, c2y: number, x: number, y: number): void {\n    if (this.cx !== this.cx) this.moveTo(c1x, c1y)\n    this.path += `C${num(c1x)} ${num(c1y)} ${num(c2x)} ${num(c2y)} ${num(x)} ${num(y)}`\n    this.cx = x\n    this.cy = y\n  }\n\n  rect(x: number, y: number, width: number, height: number): void {\n    this.path += `M${num(x)} ${num(y)}h${num(width)}v${num(height)}h${num(-width)}Z`\n    this.cx = this.sx = x\n    this.cy = this.sy = y\n  }\n\n  arc(\n    x: number,\n    y: number,\n    radius: number,\n    startAngle: number,\n    endAngle: number,\n    counterclockwise = false,\n  ): void {\n    const r = Math.abs(radius)\n    const start: [number, number] = [x + r * Math.cos(startAngle), y + r * Math.sin(startAngle)]\n    // a canvas draws a line from the current point to where the arc starts\n    if (this.cx !== this.cx) this.moveTo(start[0], start[1])\n    else this.lineTo(start[0], start[1])\n    if (r === 0) return\n    let sweep = counterclockwise ? startAngle - endAngle : endAngle - startAngle\n    const whole = sweep >= TAU\n    sweep = whole ? TAU : ((sweep % TAU) + TAU) % TAU\n    if (sweep === 0) return\n    const flag = counterclockwise ? 0 : 1\n    const end = startAngle + (counterclockwise ? -sweep : sweep)\n    const point = (angle: number) =>\n      `${num(x + r * Math.cos(angle))} ${num(y + r * Math.sin(angle))}`\n    if (whole) {\n      // a whole circle is two halves: one arc can't end where it starts\n      const half = startAngle + (counterclockwise ? -Math.PI : Math.PI)\n      this.path += `A${num(r)} ${num(r)} 0 0 ${flag} ${point(half)}`\n      this.path += `A${num(r)} ${num(r)} 0 0 ${flag} ${point(end)}`\n    } else {\n      this.path += `A${num(r)} ${num(r)} 0 ${sweep > Math.PI ? 1 : 0} ${flag} ${point(end)}`\n    }\n    this.cx = x + r * Math.cos(end)\n    this.cy = y + r * Math.sin(end)\n  }\n\n  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void {\n    if (this.cx !== this.cx) return this.moveTo(x1, y1)\n    const [x0, y0] = [this.cx, this.cy]\n    const ax = x0 - x1\n    const ay = y0 - y1\n    const bx = x2 - x1\n    const by = y2 - y1\n    const la = Math.hypot(ax, ay)\n    const lb = Math.hypot(bx, by)\n    const cross = ax * by - ay * bx\n    // no corner to round: a straight line to the corner point\n    if (radius <= 0 || la === 0 || lb === 0 || Math.abs(cross) < 1e-9 * la * lb)\n      return this.lineTo(x1, y1)\n    const angle = Math.acos(Math.max(-1, Math.min(1, (ax * bx + ay * by) / (la * lb))))\n    const along = radius / Math.tan(angle / 2)\n    this.lineTo(x1 + (ax / la) * along, y1 + (ay / la) * along)\n    const ex = x1 + (bx / lb) * along\n    const ey = y1 + (by / lb) * along\n    this.path += `A${num(radius)} ${num(radius)} 0 0 ${cross < 0 ? 1 : 0} ${num(ex)} ${num(ey)}`\n    this.cx = ex\n    this.cy = ey\n  }\n\n  setLineDash(segments: Iterable<number>): void {\n    this.dash = [...segments]\n  }\n\n  fill(rule?: CanvasFillRule | Path2D): void {\n    if (!this.path) return\n    const evenodd = rule === 'evenodd' ? ' fill-rule=\"evenodd\"' : ''\n    this.body.push(\n      `<path d=\"${this.path}\"${paintAttribute('fill', this.color(String(this.fillStyle)))}${evenodd}${this.common()}/>`,\n    )\n  }\n\n  stroke(): void {\n    if (!this.path || this.lineWidth <= 0) return\n    let attributes = ` fill=\"none\"${paintAttribute('stroke', this.color(String(this.strokeStyle)))}`\n    if (this.lineWidth !== 1) attributes += ` stroke-width=\"${num(this.lineWidth)}\"`\n    if (this.lineJoin !== 'miter') attributes += ` stroke-linejoin=\"${this.lineJoin}\"`\n    // a canvas cuts miters off later than SVG does by default\n    else attributes += ' stroke-miterlimit=\"10\"'\n    if (this.lineCap !== 'butt') attributes += ` stroke-linecap=\"${this.lineCap}\"`\n    if (this.dash.length) attributes += ` stroke-dasharray=\"${this.dash.map(num).join(' ')}\"`\n    this.body.push(`<path d=\"${this.path}\"${attributes}${this.common()}/>`)\n  }\n\n  clip(): void {\n    const id = `${this.prefix}c${this.clips++}`\n    const within = this.clipId ? ` clip-path=\"url(#${this.clipId})\"` : ''\n    this.defs.push(`<clipPath id=\"${id}\"${within}><path d=\"${this.path || 'M0 0'}\"/></clipPath>`)\n    this.clipId = id\n  }\n\n  drawImage(image: CanvasImageSource, ...args: number[]): void {\n    let href = ''\n    if (typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement)\n      href = image.toDataURL('image/png')\n    else if (typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement)\n      href = image.currentSrc || image.src\n    if (!href) return\n    const size = image as { width: number; height: number }\n    // only where it goes: a part of the image (nine numbers) is drawn whole\n    const [x = 0, y = 0, width = size.width, height = size.height] =\n      args.length >= 8 ? args.slice(4) : args\n    this.body.push(\n      `<image href=\"${escapeXml(href)}\" x=\"${num(x)}\" y=\"${num(y)}\" width=\"${num(width)}\" height=\"${num(height)}\" preserveAspectRatio=\"none\"${this.common()}/>`,\n    )\n  }\n\n  /** Draws what `draw` paints as one layer, `alpha` see-through as a whole. */\n  layer(alpha: number, draw: () => void): void {\n    this.body.push(`<g opacity=\"${num(alpha)}\">`)\n    draw()\n    this.body.push('</g>')\n  }\n\n  /** Adds markup as it is, for what the painter can't draw (text). */\n  raw(markup: string): void {\n    this.body.push(markup)\n  }\n\n  /** The clip and see-through every shape takes from the state. */\n  private common(): string {\n    let attributes = ''\n    if (this.globalAlpha < 1) attributes += ` opacity=\"${num(this.globalAlpha)}\"`\n    if (this.clipId) attributes += ` clip-path=\"url(#${this.clipId})\"`\n    return attributes\n  }\n\n  /** What was drawn, as the inside of an `<svg>`. */\n  markup(): string {\n    const defs = this.defs.length ? `<defs>${this.defs.join('')}</defs>` : ''\n    return defs + this.body.join('')\n  }\n}\n\n/** Whether a painter writes SVG: it then draws layers and text itself. */\nexport const isSvg = (painter: unknown): painter is SvgPainter => painter instanceof SvgPainter\n"],"mappings":"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"}

package/dist/core/sync.js

@@ -0,0 +1,21 @@
+// src/core/sync.ts
+var groups = /* @__PURE__ */ new Map();
+/** Listens to the x shown in `group`; gives back how to stop. */
+function joinGroup(group, listener) {
+	let members = groups.get(group);
+	if (!members) groups.set(group, members = /* @__PURE__ */ new Set());
+	members.add(listener);
+	return () => {
+		members.delete(listener);
+		if (!members.size) groups.delete(group);
+	};
+}
+/** Shows `x` in every chart of `group` but the one telling (`from`). */
+function tellGroup(group, x, from) {
+	const members = groups.get(group);
+	if (!members) return;
+	for (const listener of members) if (listener !== from) listener(x);
+}
+export { joinGroup, tellGroup };
+
+//# sourceMappingURL=sync.js.map

package/dist/core/sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync.js","names":[],"sources":["../../src/core/sync.ts"],"sourcesContent":["/*\n * Charts whose tooltips share a `group`: the x under the pointer in one is\n * shown in the others. An x travels as the data has it, so charts with x\n * read differently still meet: a category's name, a time in ms, a number.\n */\n\n/** An x as charts of a group share it; `null` when the pointer left. */\nexport type SharedX = string | number | null\n\ntype Listener = (x: SharedX) => void\n\nconst groups = new Map<string, Set<Listener>>()\n\n/** Listens to the x shown in `group`; gives back how to stop. */\nexport function joinGroup(group: string, listener: Listener): () => void {\n  let members = groups.get(group)\n  if (!members) groups.set(group, (members = new Set()))\n  members.add(listener)\n  return () => {\n    members.delete(listener)\n    if (!members.size) groups.delete(group)\n  }\n}\n\n/** Shows `x` in every chart of `group` but the one telling (`from`). */\nexport function tellGroup(group: string, x: SharedX, from: Listener): void {\n  const members = groups.get(group)\n  if (!members) return\n  for (const listener of members) if (listener !== from) listener(x)\n}\n"],"mappings":";AAWA,IAAM,yBAAS,IAAI,IAA2B;;AAG9C,SAAgB,UAAU,OAAe,UAAgC;CACvE,IAAI,UAAU,OAAO,IAAI,KAAK;CAC9B,IAAI,CAAC,SAAS,OAAO,IAAI,OAAQ,0BAAU,IAAI,IAAI,CAAE;CACrD,QAAQ,IAAI,QAAQ;CACpB,aAAa;EACX,QAAQ,OAAO,QAAQ;EACvB,IAAI,CAAC,QAAQ,MAAM,OAAO,OAAO,KAAK;CACxC;AACF;;AAGA,SAAgB,UAAU,OAAe,GAAY,MAAsB;CACzE,MAAM,UAAU,OAAO,IAAI,KAAK;CAChC,IAAI,CAAC,SAAS;CACd,KAAK,MAAM,YAAY,SAAS,IAAI,aAAa,MAAM,SAAS,CAAC;AACnE"}