@howells/hairline 0.0.0-stage → 0.2.0

package/lib/charts/lupi/bubble-almanac.js

@@ -0,0 +1,164 @@
+"use client";
+import { yearTickLabels as e } from "../../lib/format.js";
+import { useHover as t } from "../hooks.js";
+import { Plot as n, Tooltip as r } from "../core.js";
+import { noteOf as i, noteSpace as a, sansWidth as o, stagger as s } from "../util.js";
+import { DimGroup as c, TipText as l } from "../hover.js";
+import { crisp as u } from "../axes.js";
+import { RING_STEP as d } from "../marks.js";
+import { FootNote as f } from "../plot-note.js";
+import { HRule as p } from "../rules.js";
+import { ChartSvg as m } from "../svg.js";
+import { Label as h } from "../text.js";
+import { HALFTONE_R as g, paint as _, useTextureIds as v } from "../texture-ids.js";
+import { DotRing as y, DotScreen as b } from "../texture.js";
+import { bubbleAlmanacDemo as x, bubbleAlmanacLabelled as S } from "./bubble-almanac.data.js";
+import { scaleSqrt as C } from "d3-scale";
+import { format as w } from "d3-format";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/charts/lupi/bubble-almanac.tsx
+var D = .18, O = 11, k = w(".2f"), A = (e) => `${e.category}-${e.year}`, j = (e) => e < 50 ? -60 : -24, M = (e) => e ? 7 : 5, N = 3, P = (e, t) => e.radius(t.value) + (t.flag === !0 ? N : 0), F = (e, t, n, r) => e.rowPitch - P(e, t) - (n === void 0 ? 0 : P(e, n)) - M(r) >= O, I = (t, n, r, i) => {
+	let a = [...new Set(r.map((e) => e.category))], s = [...new Set(r.map((e) => e.year))].toSorted((e, t) => e - t), c = 12 + Math.max(0, ...e(s.map((e) => new Date(Date.UTC(e, 0, 1)))).map((e) => o(e, 11))), l = a.map((e) => o(e, 10.4)), u = (e) => {
+		let t = j(e) * Math.PI / 180;
+		return Math.max(e * a.length, ...l.map((n, r) => (r + .3) * e + n * Math.cos(t) + 3 * Math.sin(-t) + 1));
+	}, d = 84;
+	for (; d > 20 && c + u(d) > t;) d -= .25;
+	let f = d * a.length, p = c + Math.max(0, (t - c - u(d)) / 2), m = Math.max(20, (n - 72 - 8 - i) / s.length), h = Math.min(d, m), g = (h - Math.max(4, Math.round(h * .12))) / 2 - 1, _ = C().domain([0, Math.max(1, ...r.map((e) => e.value))]).range([0, g]), v = C().domain([0, Math.max(1, ...r.map((e) => e.core))]).range([0, g * .16]);
+	return {
+		categories: a,
+		colPitch: d,
+		colX: (e) => p + (a.indexOf(e) + .5) * d,
+		core: (e) => e > 0 ? Math.max(2, v(e)) : 0,
+		gridW: f,
+		maxR: g,
+		radius: (e) => Math.max(3, _(e)),
+		rowPitch: m,
+		rowY: (e) => 72 + (s.indexOf(e) + .5) * m,
+		x0: p,
+		years: s
+	};
+}, L = (t) => {
+	let { categories: n, colPitch: r, colX: i, gridW: a, rowPitch: o, rowY: s, x0: c, years: l } = t.layout, u = e(l.map((e) => new Date(Date.UTC(e, 0, 1))));
+	return /* @__PURE__ */ E("g", { children: [l.map((e, t) => /* @__PURE__ */ E("g", { children: [/* @__PURE__ */ T(p, {
+		kind: "grid",
+		x0: c,
+		x1: c + a,
+		y: s(e)
+	}), /* @__PURE__ */ T(h, {
+		anchor: "end",
+		middle: !0,
+		muted: !0,
+		voice: "label",
+		x: c - 12,
+		y: s(e),
+		children: u[t]
+	})] }, `row-${e}`)), n.map((e, t) => /* @__PURE__ */ T(h, {
+		muted: !0,
+		order: t,
+		tier: "mark",
+		transform: `translate(${i(e) - r * .2},${s(l[0]) - o * .5 - 14}) rotate(${j(r)})`,
+		voice: "label",
+		children: e
+	}, `col-${e}`))] });
+}, R = ({ cell: e, dim: t, format: n, hero: r, i, labelled: a, labelAbove: o, layout: l, onEnter: f, screen: p }) => {
+	let m = l.colX(e.category), g = u(l.rowY(e.year)), v = l.radius(e.value), b = l.core(e.core), x = e.flag === !0;
+	return /* @__PURE__ */ E(c, {
+		dim: t,
+		onPointerEnter: () => {
+			f(m, g - P(l, e) - 4);
+		},
+		children: [/* @__PURE__ */ E("g", {
+			className: "pop",
+			style: s(i, "dense"),
+			children: [
+				/* @__PURE__ */ T("circle", {
+					className: r ? "stroke-hero" : "fill-l4 stroke-l5",
+					cx: m,
+					cy: g,
+					fill: r ? _(p) : void 0,
+					fillOpacity: r ? 1 : D,
+					r: v,
+					strokeWidth: r ? 2 : 1
+				}),
+				x ? /* @__PURE__ */ T(y, {
+					cx: m,
+					cy: g,
+					r: v + N,
+					step: d.mark,
+					tone: "fill-l4"
+				}) : null,
+				b > 0 ? /* @__PURE__ */ T("circle", {
+					className: r ? "fill-hero" : "fill-l3",
+					cx: m,
+					cy: g,
+					r: b
+				}) : null
+			]
+		}), a && o ? /* @__PURE__ */ T(h, {
+			anchor: "middle",
+			className: "fade",
+			halo: !0,
+			voice: r ? "value" : "axis",
+			x: m,
+			y: g - P(l, e) - M(r),
+			children: n(e.value)
+		}) : null]
+	});
+}, z = (e) => {
+	let o = e.data ?? x, s = e.height ?? 470, c = e.format ?? k, u = e.noun ?? "Mt of green coffee", d = new Set(e.labelled ?? S), p = t(), h = v("almanac")("screen"), _ = new Map(o.map((e) => [A(e), e])), y = p.key === null ? void 0 : _.get(p.key);
+	return /* @__PURE__ */ T(n, {
+		overlay: p.at === null || y === void 0 ? null : /* @__PURE__ */ T(r, {
+			x: p.at.x,
+			y: p.at.y,
+			children: /* @__PURE__ */ T(l, {
+				facts: [
+					String(y.year),
+					`${c(y.value)} ${u}`,
+					`yield ${c(y.core)} t/ha`,
+					...y.flag === !0 ? ["down on the year before"] : []
+				],
+				lead: y.category
+			})
+		}),
+		children: (t) => {
+			let n = a(i(e), t - 16, 18), r = I(t, s, o, n), l = o.toSorted((e, t) => t.value - e.value), v = l.length > 0 ? A(l[0]) : "";
+			return /* @__PURE__ */ E(m, {
+				height: s,
+				label: `${u} by country and year, ${r.years[0]} to ${r.years.at(-1) ?? ""}`,
+				leave: p.clear,
+				title: `Circles of ${u} by country and year`,
+				width: t,
+				children: [
+					/* @__PURE__ */ T("defs", { children: /* @__PURE__ */ T(b, {
+						id: h,
+						r: g[1],
+						tone: "fill-l3"
+					}) }),
+					/* @__PURE__ */ T(L, { layout: r }),
+					l.map((e, t) => /* @__PURE__ */ T(R, {
+						cell: e,
+						dim: p.dim(A(e)),
+						format: c,
+						hero: A(e) === v,
+						i: t,
+						labelled: d.has(A(e)) || A(e) === v,
+						labelAbove: F(r, e, _.get(A({
+							...e,
+							year: e.year - 1
+						})), A(e) === v),
+						layout: r,
+						screen: h,
+						onEnter: p.showAt(A(e))
+					}, A(e))),
+					/* @__PURE__ */ T(f, {
+						height: s,
+						text: i(e),
+						width: t
+					})
+				]
+			});
+		}
+	});
+};
+//#endregion
+export { z as BubbleAlmanac };

package/lib/charts/lupi/calendar-heat.data.js

@@ -0,0 +1,399 @@
+"use client";
+//#region src/charts/lupi/calendar-heat.data.ts
+var e = [
+	[
+		1653,
+		1648,
+		1570,
+		2002,
+		1982,
+		2064,
+		2044,
+		2043,
+		1672,
+		1607,
+		1907,
+		1809,
+		1927,
+		1970,
+		1930,
+		1625,
+		1581,
+		1898,
+		1911,
+		1944,
+		1978,
+		1961,
+		1661,
+		1701,
+		1914,
+		1962,
+		1962,
+		2062,
+		1903,
+		1689,
+		1608
+	],
+	[
+		2050,
+		1994,
+		1980,
+		2007,
+		2060,
+		1732,
+		1707,
+		1948,
+		2003,
+		1933,
+		2020,
+		1978,
+		1747,
+		1618,
+		1897,
+		1933,
+		1944,
+		2034,
+		1969,
+		1723,
+		1631,
+		1919,
+		1884,
+		1958,
+		2035,
+		2024,
+		1706,
+		1643,
+		1855
+	],
+	[
+		1994,
+		1995,
+		2082,
+		2012,
+		1691,
+		1637,
+		1913,
+		1999,
+		1825,
+		1934,
+		1926,
+		1662,
+		1610,
+		1852,
+		1906,
+		2008,
+		1994,
+		1982,
+		1701,
+		1611,
+		1857,
+		1973,
+		1952,
+		2093,
+		1713,
+		1652,
+		1545,
+		1569,
+		1971,
+		2012,
+		1912
+	],
+	[
+		2018,
+		1606,
+		1618,
+		1944,
+		2107,
+		1925,
+		1991,
+		2029,
+		1628,
+		1581,
+		1905,
+		1968,
+		2009,
+		2037,
+		1999,
+		1693,
+		1607,
+		1930,
+		2009,
+		1937,
+		1987,
+		2023,
+		1795,
+		1639,
+		2e3,
+		1906,
+		1870,
+		2002,
+		2134,
+		1766
+	],
+	[
+		1644,
+		1599,
+		2049,
+		2036,
+		2083,
+		2080,
+		1734,
+		1747,
+		2044,
+		2024,
+		2047,
+		2077,
+		2050,
+		1747,
+		1635,
+		1943,
+		2046,
+		2005,
+		2040,
+		2019,
+		1799,
+		1664,
+		1938,
+		1989,
+		2026,
+		2124,
+		2074,
+		1684,
+		1738,
+		1630,
+		2012
+	],
+	[
+		2074,
+		2097,
+		2108,
+		1738,
+		1659,
+		1967,
+		1981,
+		2023,
+		2012,
+		2052,
+		1739,
+		1670,
+		1992,
+		1952,
+		2073,
+		2036,
+		2040,
+		1715,
+		1709,
+		1990,
+		2073,
+		2039,
+		2148,
+		2047,
+		1777,
+		1696,
+		1997,
+		2082,
+		2087,
+		2128
+	],
+	[
+		2048,
+		1717,
+		1693,
+		2005,
+		2093,
+		2160,
+		2197,
+		2151,
+		1807,
+		1734,
+		2115,
+		2154,
+		2109,
+		2153,
+		2091,
+		1755,
+		1690,
+		1976,
+		2105,
+		2128,
+		2114,
+		2094,
+		1782,
+		1723,
+		2009,
+		1974,
+		2072,
+		2089,
+		2084,
+		1800,
+		1678
+	],
+	[
+		1950,
+		2090,
+		1988,
+		2082,
+		2059,
+		1672,
+		1626,
+		1924,
+		2006,
+		1955,
+		2047,
+		2086,
+		1697,
+		1627,
+		1967,
+		1968,
+		1936,
+		2025,
+		2056,
+		1675,
+		1620,
+		1973,
+		2020,
+		2017,
+		2031,
+		2032,
+		1725,
+		1641,
+		1595,
+		2025,
+		2003
+	],
+	[
+		2097,
+		2091,
+		1710,
+		1609,
+		2032,
+		2078,
+		1969,
+		2121,
+		2156,
+		1834,
+		1701,
+		1962,
+		2104,
+		2119,
+		2175,
+		2071,
+		1750,
+		1706,
+		2136,
+		2166,
+		2078,
+		2202,
+		2200,
+		1815,
+		1719,
+		2048,
+		2139,
+		2107,
+		2131,
+		2126
+	],
+	[
+		1721,
+		1660,
+		1992,
+		2096,
+		1958,
+		2154,
+		2054,
+		1768,
+		1654,
+		1968,
+		1957,
+		2043,
+		2029,
+		1954,
+		1734,
+		1598,
+		1961,
+		1973,
+		2025,
+		1987,
+		2021,
+		1590,
+		1705,
+		1967,
+		1998,
+		2058,
+		2019,
+		1970,
+		1646,
+		1683,
+		1919
+	],
+	[
+		1992,
+		1933,
+		2038,
+		1991,
+		1689,
+		1668,
+		1936,
+		1924,
+		1997,
+		2044,
+		1962,
+		1705,
+		1594,
+		1864,
+		1993,
+		1944,
+		1968,
+		1964,
+		1666,
+		1642,
+		1885,
+		1965,
+		1864,
+		1933,
+		1964,
+		1684,
+		1572,
+		1885,
+		1889,
+		1830
+	],
+	[
+		1935,
+		1928,
+		1640,
+		1555,
+		1847,
+		1917,
+		1885,
+		1959,
+		1938,
+		1593,
+		1572,
+		1958,
+		1896,
+		2034,
+		1945,
+		1991,
+		1672,
+		1628,
+		1942,
+		1999,
+		2012,
+		2074,
+		1989,
+		1627,
+		1391,
+		1360,
+		1447,
+		1951,
+		2077,
+		2034,
+		1664
+	]
+], t = (e) => String(e).padStart(2, "0"), n = e.flatMap((e, n) => e.map((e, r) => ({
+	date: `2016-${t(n + 1)}-${t(r + 1)}`,
+	value: e
+})));
+//#endregion
+export { n as calendarHeatDemo };