@howells/hairline 0.0.0-stage → 0.2.0

package/lib/charts/lupi/hundred-field.js

@@ -0,0 +1,237 @@
+"use client";
+import { useHover as e } from "../hooks.js";
+import { Plot as t, Tooltip as n } from "../core.js";
+import { noteOf as r, noteSpace as i, sansWidth as a, stagger as o } from "../util.js";
+import { DimGroup as s, HitPath as c, TipText as l } from "../hover.js";
+import { DOT as u, RING_STEP as d } from "../marks.js";
+import { Dot as f, Ring as p } from "../markers.js";
+import { FootNote as m } from "../plot-note.js";
+import { ChartSvg as h } from "../svg.js";
+import { DotRing as g } from "../texture.js";
+import { hundredFieldDemo as _ } from "./hundred-field.data.js";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/charts/lupi/hundred-field.tsx
+var x = 2 * Math.PI, S = Math.PI * (3 - Math.sqrt(5)), C = 2.2, w = 30, T = [
+	"ring",
+	"dot",
+	"cross"
+], E = 24, D = (e, t, n) => {
+	let r = e.length, i = (t) => {
+		let n = e[(t % r + r) % r], i = Math.floor(t / r) * x;
+		return n === void 0 ? void 0 : {
+			a: n.a + i,
+			r: n.r
+		};
+	}, a = i(t - 1)?.a ?? 0, o = i(t)?.a ?? 0, s = Array.from({ length: 10 }, (e, n) => i(t - 5 + n)).filter((e) => e !== void 0 && e.r > n), c = {
+		a: (a + o) / 2,
+		room: -1
+	};
+	for (let e = 1; e < E; e += 1) {
+		let t = a + (o - a) * e / E, n = Math.min(...s.map((e) => (e?.r ?? 0) * Math.abs(Math.sin(t - (e?.a ?? 0)))));
+		n > c.room && (c = {
+			a: t,
+			room: n
+		});
+	}
+	return c.a;
+}, O = (e, t, n) => {
+	let r = e.reduce((e, t) => e + t.value, 0), i = n.R / Math.sqrt(Math.max(1, r)), a = Array.from({ length: r }, (e, t) => ({
+		a: t * S % x,
+		k: t,
+		r: i * Math.sqrt(t + .5)
+	})).toSorted((e, t) => e.a - t.a), o = x - D(a, r, i * C), s = (e) => e <= 0 ? 0 : e >= r ? x : D(a, e, i * C) + o, c = 0, l = 0, u = e.map((e, r) => {
+		let i = c + e.value, u = a.slice(c, i).map((e) => {
+			let t = e.a + o;
+			return {
+				k: e.k,
+				x: Math.round(n.cx + e.r * Math.sin(t)) + .5,
+				y: Math.round(n.cy - e.r * Math.cos(t)) + .5
+			};
+		}), d = r === t, f = d ? "seed" : T[l % T.length] ?? "dot";
+		d || (l += 1);
+		let p = {
+			from: s(c),
+			glyph: f,
+			group: e,
+			hero: d,
+			index: r,
+			seeds: u,
+			to: s(i)
+		};
+		return c = i, p;
+	});
+	return {
+		...n,
+		c: i,
+		wedges: u
+	};
+}, k = {
+	large: {
+		cross: "sm",
+		dot: "sm",
+		ring: "lg",
+		seed: "lg"
+	},
+	small: {
+		cross: "xs",
+		dot: "xs",
+		ring: "md",
+		seed: "md"
+	}
+}, A = 15, j = (e) => {
+	let { glyph: t, seed: n } = e, r = k[e.small ? "small" : "large"][t], i = o(n.k, "dense");
+	if (t === "cross") {
+		let e = u[r] + 1, t = n.x - .5, a = n.y - .5;
+		return /* @__PURE__ */ b("g", {
+			style: i,
+			className: "pop fill-l3",
+			children: [/* @__PURE__ */ y("rect", {
+				height: 1,
+				width: e * 2 + 1,
+				x: t - e,
+				y: a
+			}), /* @__PURE__ */ y("rect", {
+				height: e * 2 + 1,
+				width: 1,
+				x: t,
+				y: a - e
+			})]
+		});
+	}
+	return t === "ring" ? /* @__PURE__ */ y(p, {
+		style: i,
+		className: "pop stroke-l2",
+		cx: n.x,
+		cy: n.y,
+		size: r
+	}) : /* @__PURE__ */ y(f, {
+		style: i,
+		className: `pop ${t === "seed" ? "fill-hero" : "fill-l3"}`,
+		cx: n.x,
+		cy: n.y,
+		size: r
+	});
+}, M = (e, t, n) => ({
+	x: e.cx + t * Math.sin(n),
+	y: e.cy - t * Math.cos(n)
+}), N = (e, t, n) => {
+	let r = M(e, n, t.from), i = M(e, n, t.to), a = +(t.to - t.from > Math.PI);
+	return `M${e.cx},${e.cy}L${r.x},${r.y}A${n},${n} 0 ${a} 1 ${i.x},${i.y}Z`;
+}, P = (e, t) => {
+	let n = (t.from + t.to) / 2, r = M(e, e.R + e.c * 1.6, n), i = Math.sin(n), a = Math.cos(n), o = "middle";
+	i > .3 ? o = "start" : i < -.3 && (o = "end");
+	let s = r.y + 1;
+	return a > .5 ? s = r.y - 16 : a < -.5 && (s = r.y + 11), {
+		anchor: o,
+		lower: a < 0,
+		x: r.x,
+		y: s
+	};
+}, F = ({ head: e, w: t }) => {
+	let n = P(e, t);
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(c, { d: N(e, t, e.R + e.c * 2) }),
+		t.seeds.map((n) => /* @__PURE__ */ y(j, {
+			glyph: t.glyph,
+			seed: n,
+			small: e.c < A
+		}, `${t.group.label}-${n.k}`)),
+		/* @__PURE__ */ b("text", {
+			className: "fade fill-text",
+			style: o(t.index + 4, "series"),
+			textAnchor: n.anchor,
+			x: n.x,
+			y: n.y,
+			children: [/* @__PURE__ */ y("tspan", {
+				className: `t-label ${t.hero ? "" : "fill-muted"}`,
+				children: t.group.label
+			}), /* @__PURE__ */ y("tspan", {
+				className: "t-value",
+				dy: 14,
+				x: n.x,
+				children: t.group.value
+			})]
+		})
+	] });
+}, I = ({ head: e }) => /* @__PURE__ */ b("g", {
+	className: "fade",
+	style: o(0, "series"),
+	children: [/* @__PURE__ */ y(g, {
+		cx: e.cx,
+		cy: e.cy,
+		r: e.R + e.c * .8,
+		step: d.guide,
+		tone: "fill-l5"
+	}), e.wedges.map((t) => {
+		let n = M(e, e.c * C, t.from), r = M(e, e.R + e.c * .8, t.from);
+		return /* @__PURE__ */ y("line", {
+			className: "stroke-l4",
+			strokeWidth: 1,
+			x1: n.x,
+			x2: r.x,
+			y1: n.y,
+			y2: r.y
+		}, `cut-${t.group.label}`);
+	})]
+}), L = (o) => {
+	let c = o.data ?? _, u = o.height ?? 460, d = o.unit ?? "donors", f = c.reduce((e, t) => e + t.value, 0), p = e(), g = [...c.keys()].toSorted((e, t) => (c[t]?.value ?? 0) - (c[e]?.value ?? 0)), v = o.highlight === void 0 ? g[0] ?? 0 : c.findIndex((e) => e.label === o.highlight);
+	return /* @__PURE__ */ y(t, { children: (e) => {
+		let t = i(r(o), e - 16, 24), g = O(c, v, {
+			R: 100,
+			cx: 0,
+			cy: 0
+		}), _ = (e) => {
+			let t = e / Math.sqrt(Math.max(1, f)), n = e + Math.max(.8 * t + 2, 7), r = -n, i = n;
+			for (let n of g.wedges) {
+				let o = (n.from + n.to) / 2, s = (e + t * 1.6) * Math.sin(o), c = Math.max(a(n.group.label, 11), a(String(n.group.value), 11));
+				Math.sin(o) > .3 ? i = Math.max(i, s + c) : Math.sin(o) < -.3 ? r = Math.min(r, s - c) : (r = Math.min(r, s - c / 2), i = Math.max(i, s + c / 2));
+			}
+			return {
+				hi: i,
+				lo: r
+			};
+		}, x = Math.max(40, (u - t - 60) / 2 - 12);
+		for (; x > 40 && _(x).hi - _(x).lo > e;) --x;
+		let S = _(x), C = Math.min(u, Math.round(2 * (x + 12 + w) + t)), T = O(c, v, {
+			R: x,
+			cx: Math.round((e - (S.hi - S.lo)) / 2 - S.lo) + .5,
+			cy: Math.round((C - t) / 2)
+		}), E = p.key === null ? void 0 : T.wedges[p.key], D = E === void 0 ? void 0 : P(T, E);
+		return /* @__PURE__ */ b("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ b(h, {
+				height: C,
+				label: `${f} ${d}: ${c.map((e) => `${e.label} ${e.value}`).join(", ")}`,
+				leave: p.clear,
+				title: "A hundred donors by blood type",
+				width: e,
+				children: [
+					/* @__PURE__ */ y(I, { head: T }),
+					T.wedges.map((e) => /* @__PURE__ */ y(s, {
+						dim: p.dim(e.index),
+						onPointerEnter: p.enter(e.index),
+						children: /* @__PURE__ */ y(F, {
+							head: T,
+							w: e
+						})
+					}, e.group.label)),
+					/* @__PURE__ */ y(m, {
+						height: C,
+						text: r(o),
+						width: e
+					})
+				]
+			}), E !== void 0 && D !== void 0 && /* @__PURE__ */ y(n, {
+				below: D.lower,
+				x: D.x,
+				y: D.lower ? D.y + 18 : D.y - 12,
+				children: /* @__PURE__ */ y(l, {
+					facts: [`${E.group.value} of ${f} ${d}`],
+					lead: E.group.label
+				})
+			})]
+		});
+	} });
+};
+//#endregion
+export { L as HundredField };

package/lib/charts/lupi/launch-fan.data.js

@@ -0,0 +1,315 @@
+"use client";
+//#region src/charts/lupi/launch-fan.data.ts
+var e = (e) => new Date(Date.UTC(2025, 2, 1 + 7 * (e - 1))), t = [
+	[
+		"Chiffchaff",
+		2,
+		3.31,
+		[
+			1.32,
+			1.63,
+			2.87,
+			3.31,
+			2.98,
+			2.54,
+			2.28,
+			2.25,
+			2.11,
+			1.9,
+			1.95,
+			1.51,
+			1.57,
+			1.65,
+			1.66,
+			1.66,
+			1.6,
+			1.28,
+			1.13,
+			.85,
+			.83,
+			1.02,
+			.98
+		]
+	],
+	[
+		"Sand martin",
+		4,
+		.58,
+		[
+			.2,
+			.24,
+			.47,
+			.58,
+			.49,
+			.43,
+			.51,
+			.39,
+			.4,
+			.49,
+			.49,
+			.43,
+			.5,
+			.51,
+			.42,
+			.38,
+			.34,
+			.41,
+			.32,
+			.48,
+			.31
+		]
+	],
+	[
+		"Wheatear",
+		4,
+		.38,
+		[
+			.11,
+			.12,
+			.32,
+			.32,
+			.33,
+			.38,
+			.23,
+			.15,
+			.14,
+			.1,
+			.12,
+			.1,
+			.18,
+			.15,
+			.12,
+			.14,
+			.12,
+			.13,
+			.17,
+			.13,
+			.27
+		]
+	],
+	[
+		"Swallow",
+		6,
+		1.75,
+		[
+			.8,
+			.89,
+			1.13,
+			1.19,
+			1.44,
+			1.5,
+			1.46,
+			1.36,
+			1.36,
+			1.45,
+			1.43,
+			1.49,
+			1.41,
+			1.59,
+			1.44,
+			1.5,
+			1.57,
+			1.75,
+			1.69
+		]
+	],
+	[
+		"Willow warbler",
+		6,
+		.97,
+		[
+			.7,
+			.92,
+			.97,
+			.84,
+			.69,
+			.84,
+			.66,
+			.64,
+			.81,
+			.68,
+			.45,
+			.32,
+			.26,
+			.18,
+			.16,
+			.2,
+			.31,
+			.28,
+			.35
+		]
+	],
+	[
+		"Nightingale",
+		7,
+		.13,
+		[
+			.11,
+			.13,
+			.12,
+			.1,
+			.08,
+			.06,
+			.04,
+			.06,
+			.05,
+			0,
+			.01,
+			.01,
+			.01,
+			0,
+			.01,
+			0,
+			.02,
+			.01
+		]
+	],
+	[
+		"Whitethroat",
+		7,
+		1.25,
+		[
+			.48,
+			.82,
+			1.25,
+			1,
+			.9,
+			.75,
+			.65,
+			.67,
+			.7,
+			.61,
+			.57,
+			.56,
+			.47,
+			.3,
+			.27,
+			.24,
+			.32,
+			.25
+		]
+	],
+	[
+		"Cuckoo",
+		8,
+		.62,
+		[
+			.3,
+			.53,
+			.56,
+			.55,
+			.62,
+			.46,
+			.28,
+			.25,
+			.22,
+			.08,
+			.03,
+			.03,
+			.02,
+			.04,
+			.03,
+			.03,
+			.03
+		]
+	],
+	[
+		"Garden warbler",
+		8,
+		.45,
+		[
+			.19,
+			.34,
+			.45,
+			.31,
+			.33,
+			.2,
+			.17,
+			.21,
+			.16,
+			.16,
+			.11,
+			.07,
+			.06,
+			.03,
+			.04,
+			.04,
+			.03
+		]
+	],
+	[
+		"House martin",
+		9,
+		1.42,
+		[
+			.52,
+			.73,
+			.88,
+			1.05,
+			1.15,
+			1.06,
+			.99,
+			1.18,
+			1.42,
+			1.05,
+			1.07,
+			.96,
+			1.11,
+			1.11,
+			1.08,
+			.88
+		]
+	],
+	[
+		"Swift",
+		9,
+		1.47,
+		[
+			.53,
+			1.02,
+			1.12,
+			1.14,
+			1.47,
+			1.29,
+			1.34,
+			1.22,
+			1.33,
+			1.22,
+			1.42,
+			1.09,
+			.88,
+			.51,
+			.56,
+			.42
+		]
+	],
+	[
+		"Spotted flycatcher",
+		10,
+		.32,
+		[
+			.11,
+			.24,
+			.19,
+			.18,
+			.15,
+			.16,
+			.24,
+			.18,
+			.26,
+			.19,
+			.25,
+			.19,
+			.23,
+			.26,
+			.32
+		]
+	]
+].map(([e, t, n, r]) => ({
+	launch: t,
+	name: e,
+	size: n,
+	weekly: r
+}));
+//#endregion
+export { e as arrivalWeekDate, t as launchFanDemo };