@uwdata/mosaic-plot 0.7.0 → 0.7.1

package/dist/mosaic-plot.js

@@ -14157,7 +14157,7 @@ function decimalToNumber(v2, scale3) {
   let x3 = 0;
   if (v2.signed && (v2[n - 1] | 0) < 0) {
     for (let i = 0; i < n; ++i) {
-      x3 += ~(v2[i] | 0) * BASE32[i];
+      x3 += ~v2[i] * BASE32[i];
     }
     x3 = -(x3 + 1);
   } else {
@@ -25954,6 +25954,9 @@ var Accent_default = colors_default("7fc97fbeaed4fdc086ffff99386cb0f0027fbf5b176
 // ../../node_modules/d3-scale-chromatic/src/categorical/Dark2.js
 var Dark2_default = colors_default("1b9e77d95f027570b3e7298a66a61ee6ab02a6761d666666");
 
+// ../../node_modules/d3-scale-chromatic/src/categorical/observable10.js
+var observable10_default = colors_default("4269d0efb118ff725c6cc5b03ca951ff8ab7a463f297bbf59c6b4e9498a0");
+
 // ../../node_modules/d3-scale-chromatic/src/categorical/Paired.js
 var Paired_default = colors_default("a6cee31f78b4b2df8a33a02cfb9a99e31a1cfdbf6fff7f00cab2d66a3d9affff99b15928");
 
@@ -28164,6 +28167,15 @@ function parse(string2, fallback) {
   return new Date(string2);
 }
 
+// ../../node_modules/@observablehq/plot/src/order.js
+function orderof(values2) {
+  if (values2 == null)
+    return;
+  const first3 = values2[0];
+  const last2 = values2[values2.length - 1];
+  return descending(first3, last2);
+}
+
 // ../../node_modules/@observablehq/plot/src/time.js
 var durationSecond2 = 1e3;
 var durationMinute2 = durationSecond2 * 60;
@@ -28757,13 +28769,6 @@ function maybeAnchor(value, name) {
 function maybeFrameAnchor(value = "middle") {
   return maybeAnchor(value, "frameAnchor");
 }
-function orderof(values2) {
-  if (values2 == null)
-    return;
-  const first3 = values2[0];
-  const last2 = values2[values2.length - 1];
-  return descending(first3, last2);
-}
 function inherit2(options = {}, ...rest) {
   let o = options;
   for (const defaults23 of rest) {
@@ -28800,6 +28805,15 @@ function named2(things) {
 function maybeNamed(things) {
   return isIterable2(things) ? named2(things) : things;
 }
+function maybeClip(clip) {
+  if (clip === true)
+    clip = "frame";
+  else if (clip === false)
+    clip = null;
+  else if (clip != null)
+    clip = keyword(clip, "clip", ["frame", "sphere"]);
+  return clip;
+}
 
 // ../../node_modules/@observablehq/plot/src/scales/index.js
 var position = Symbol("position");
@@ -29119,6 +29133,8 @@ function groupn(x3, y3, {
                 extent4.x = x4;
               if (Y3)
                 extent4.y = y4;
+              if (G)
+                extent4.z = f;
               if (filter3 && !filter3.reduce(g, extent4))
                 continue;
               groupFacet.push(i++);
@@ -29217,10 +29233,7 @@ function maybeEvaluator(name, reduce, inputs, asReduce = maybeReduce) {
   };
 }
 function maybeGroup(I, X3) {
-  return X3 ? sort(
-    group(I, (i) => X3[i]),
-    first2
-  ) : [[, I]];
+  return X3 ? group(I, (i) => X3[i]) : [[, I]];
 }
 function maybeReduce(reduce, value, fallback = invalidReduce) {
   if (reduce == null)
@@ -29292,6 +29305,8 @@ function maybeGroupReduceFallback(reduce) {
       return reduceX;
     case "y":
       return reduceY;
+    case "z":
+      return reduceZ;
   }
   throw new Error(`invalid group reduce: ${reduce}`);
 }
@@ -29402,6 +29417,11 @@ var reduceY = {
     return y3;
   }
 };
+var reduceZ = {
+  reduceIndex(I, X3, { z }) {
+    return z;
+  }
+};
 function find2(test) {
   if (typeof test !== "function")
     throw new Error(`invalid test function: ${test}`);
@@ -29578,48 +29598,14 @@ function getSource(channels, key) {
   return channel.source === null ? null : channel;
 }
 
-// ../../node_modules/@observablehq/plot/src/memoize.js
-function memoize1(compute) {
-  let cacheValue, cacheKeys;
-  return (...keys) => {
-    if (cacheKeys?.length !== keys.length || cacheKeys.some((k2, i) => k2 !== keys[i])) {
-      cacheKeys = keys;
-      cacheValue = compute(...keys);
-    }
-    return cacheValue;
-  };
-}
-
-// ../../node_modules/@observablehq/plot/src/format.js
-var numberFormat = memoize1((locale3) => {
-  return new Intl.NumberFormat(locale3);
-});
-var monthFormat = memoize1((locale3, month) => {
-  return new Intl.DateTimeFormat(locale3, { timeZone: "UTC", ...month && { month } });
-});
-var weekdayFormat = memoize1((locale3, weekday) => {
-  return new Intl.DateTimeFormat(locale3, { timeZone: "UTC", ...weekday && { weekday } });
-});
-function formatNumber(locale3 = "en-US") {
-  const format3 = numberFormat(locale3);
-  return (i) => i != null && !isNaN(i) ? format3.format(i) : void 0;
-}
-function formatMonth(locale3 = "en-US", format3 = "short") {
-  const fmt = monthFormat(locale3, format3);
-  return (i) => i != null && !isNaN(i = +new Date(Date.UTC(2e3, +i))) ? fmt.format(i) : void 0;
-}
-function formatWeekday(locale3 = "en-US", format3 = "short") {
-  const fmt = weekdayFormat(locale3, format3);
-  return (i) => i != null && !isNaN(i = +new Date(Date.UTC(2001, 0, +i))) ? fmt.format(i) : void 0;
-}
-function formatIsoDate(date2) {
-  return format2(date2, "Invalid Date");
+// ../../node_modules/@observablehq/plot/src/context.js
+function createContext(options = {}) {
+  const { document: document2 = typeof window !== "undefined" ? window.document : void 0, clip } = options;
+  return { document: document2, clip: maybeClip(clip) };
 }
-function formatAuto(locale3 = "en-US") {
-  const number7 = formatNumber(locale3);
-  return (v2) => (v2 instanceof Date ? formatIsoDate : typeof v2 === "number" ? number7 : string)(v2);
+function create3(name, { document: document2 }) {
+  return select_default2(creator_default(name).call(document2.documentElement));
 }
-var formatDefault = formatAuto();
 
 // ../../node_modules/@observablehq/plot/src/warnings.js
 var warnings = 0;
@@ -29638,578 +29624,182 @@ function warn(message) {
   ++warnings;
 }
 
-// ../../node_modules/@observablehq/plot/src/style.js
-var offset = (typeof window !== "undefined" ? window.devicePixelRatio > 1 : typeof it === "undefined") ? 0 : 0.5;
-var nextClipId = 0;
-function getClipId() {
-  return `plot-clip-${++nextClipId}`;
-}
-function styles(mark, {
-  title,
-  href,
-  ariaLabel: variaLabel,
-  ariaDescription,
-  ariaHidden,
-  target,
-  fill,
-  fillOpacity,
-  stroke,
-  strokeWidth,
-  strokeOpacity,
-  strokeLinejoin,
-  strokeLinecap,
-  strokeMiterlimit,
-  strokeDasharray,
-  strokeDashoffset,
-  opacity: opacity2,
-  mixBlendMode,
-  imageFilter,
-  paintOrder,
-  pointerEvents,
-  shapeRendering,
-  channels
-}, {
-  ariaLabel: cariaLabel,
-  fill: defaultFill = "currentColor",
-  fillOpacity: defaultFillOpacity,
-  stroke: defaultStroke = "none",
-  strokeOpacity: defaultStrokeOpacity,
-  strokeWidth: defaultStrokeWidth,
-  strokeLinecap: defaultStrokeLinecap,
-  strokeLinejoin: defaultStrokeLinejoin,
-  strokeMiterlimit: defaultStrokeMiterlimit,
-  paintOrder: defaultPaintOrder
-}) {
-  if (defaultFill === null) {
-    fill = null;
-    fillOpacity = null;
-  }
-  if (defaultStroke === null) {
-    stroke = null;
-    strokeOpacity = null;
+// ../../node_modules/@observablehq/plot/src/projection.js
+var pi4 = Math.PI;
+var tau5 = 2 * pi4;
+var defaultAspectRatio = 0.618;
+function createProjection({
+  projection: projection3,
+  inset: globalInset = 0,
+  insetTop = globalInset,
+  insetRight = globalInset,
+  insetBottom = globalInset,
+  insetLeft = globalInset
+} = {}, dimensions) {
+  if (projection3 == null)
+    return;
+  if (typeof projection3.stream === "function")
+    return projection3;
+  let options;
+  let domain;
+  let clip = "frame";
+  if (isObject2(projection3)) {
+    let inset;
+    ({
+      type: projection3,
+      domain,
+      inset,
+      insetTop = inset !== void 0 ? inset : insetTop,
+      insetRight = inset !== void 0 ? inset : insetRight,
+      insetBottom = inset !== void 0 ? inset : insetBottom,
+      insetLeft = inset !== void 0 ? inset : insetLeft,
+      clip = clip,
+      ...options
+    } = projection3);
+    if (projection3 == null)
+      return;
   }
-  if (isNoneish(defaultFill)) {
-    if (!isNoneish(defaultStroke) && (!isNoneish(fill) || channels?.fill))
-      defaultStroke = "none";
-  } else {
-    if (isNoneish(defaultStroke) && (!isNoneish(stroke) || channels?.stroke))
-      defaultFill = "none";
+  if (typeof projection3 !== "function")
+    ({ type: projection3 } = namedProjection(projection3));
+  const { width, height, marginLeft, marginRight, marginTop, marginBottom } = dimensions;
+  const dx = width - marginLeft - marginRight - insetLeft - insetRight;
+  const dy = height - marginTop - marginBottom - insetTop - insetBottom;
+  projection3 = projection3?.({ width: dx, height: dy, clip, ...options });
+  if (projection3 == null)
+    return;
+  clip = maybePostClip(clip, marginLeft, marginTop, width - marginRight, height - marginBottom);
+  let tx = marginLeft + insetLeft;
+  let ty = marginTop + insetTop;
+  let transform3;
+  if (domain != null) {
+    const [[x06, y06], [x12, y12]] = path_default(projection3).bounds(domain);
+    const k2 = Math.min(dx / (x12 - x06), dy / (y12 - y06));
+    if (k2 > 0) {
+      tx -= (k2 * (x06 + x12) - dx) / 2;
+      ty -= (k2 * (y06 + y12) - dy) / 2;
+      transform3 = transform_default({
+        point(x3, y3) {
+          this.stream.point(x3 * k2 + tx, y3 * k2 + ty);
+        }
+      });
+    } else {
+      warn(`Warning: the projection could not be fit to the specified domain; using the default scale.`);
+    }
   }
-  const [vfill, cfill] = maybeColorChannel(fill, defaultFill);
-  const [vfillOpacity, cfillOpacity] = maybeNumberChannel(fillOpacity, defaultFillOpacity);
-  const [vstroke, cstroke] = maybeColorChannel(stroke, defaultStroke);
-  const [vstrokeOpacity, cstrokeOpacity] = maybeNumberChannel(strokeOpacity, defaultStrokeOpacity);
-  const [vopacity, copacity] = maybeNumberChannel(opacity2);
-  if (!isNone(cstroke)) {
-    if (strokeWidth === void 0)
-      strokeWidth = defaultStrokeWidth;
-    if (strokeLinecap === void 0)
-      strokeLinecap = defaultStrokeLinecap;
-    if (strokeLinejoin === void 0)
-      strokeLinejoin = defaultStrokeLinejoin;
-    if (strokeMiterlimit === void 0 && !isRound(strokeLinejoin))
-      strokeMiterlimit = defaultStrokeMiterlimit;
-    if (!isNone(cfill) && paintOrder === void 0)
-      paintOrder = defaultPaintOrder;
+  transform3 ??= tx === 0 && ty === 0 ? identity8() : transform_default({
+    point(x3, y3) {
+      this.stream.point(x3 + tx, y3 + ty);
+    }
+  });
+  return { stream: (s2) => projection3.stream(transform3.stream(clip(s2))) };
+}
+function namedProjection(projection3) {
+  switch (`${projection3}`.toLowerCase()) {
+    case "albers-usa":
+      return scaleProjection(albersUsa_default, 0.7463, 0.4673);
+    case "albers":
+      return conicProjection2(albers_default, 0.7463, 0.4673);
+    case "azimuthal-equal-area":
+      return scaleProjection(azimuthalEqualArea_default, 4, 4);
+    case "azimuthal-equidistant":
+      return scaleProjection(azimuthalEquidistant_default, tau5, tau5);
+    case "conic-conformal":
+      return conicProjection2(conicConformal_default, tau5, tau5);
+    case "conic-equal-area":
+      return conicProjection2(conicEqualArea_default, 6.1702, 2.9781);
+    case "conic-equidistant":
+      return conicProjection2(conicEquidistant_default, 7.312, 3.6282);
+    case "equal-earth":
+      return scaleProjection(equalEarth_default, 5.4133, 2.6347);
+    case "equirectangular":
+      return scaleProjection(equirectangular_default, tau5, pi4);
+    case "gnomonic":
+      return scaleProjection(gnomonic_default, 3.4641, 3.4641);
+    case "identity":
+      return { type: identity8 };
+    case "reflect-y":
+      return { type: reflectY };
+    case "mercator":
+      return scaleProjection(mercator_default, tau5, tau5);
+    case "orthographic":
+      return scaleProjection(orthographic_default, 2, 2);
+    case "stereographic":
+      return scaleProjection(stereographic_default, 2, 2);
+    case "transverse-mercator":
+      return scaleProjection(transverseMercator_default, tau5, tau5);
+    default:
+      throw new Error(`unknown projection type: ${projection3}`);
   }
-  const [vstrokeWidth, cstrokeWidth] = maybeNumberChannel(strokeWidth);
-  if (defaultFill !== null) {
-    mark.fill = impliedString(cfill, "currentColor");
-    mark.fillOpacity = impliedNumber(cfillOpacity, 1);
+}
+function maybePostClip(clip, x12, y12, x22, y22) {
+  if (clip === false || clip == null || typeof clip === "number")
+    return (s2) => s2;
+  if (clip === true)
+    clip = "frame";
+  switch (`${clip}`.toLowerCase()) {
+    case "frame":
+      return clipRectangle(x12, y12, x22, y22);
+    default:
+      throw new Error(`unknown projection clip type: ${clip}`);
   }
-  if (defaultStroke !== null) {
-    mark.stroke = impliedString(cstroke, "none");
-    mark.strokeWidth = impliedNumber(cstrokeWidth, 1);
-    mark.strokeOpacity = impliedNumber(cstrokeOpacity, 1);
-    mark.strokeLinejoin = impliedString(strokeLinejoin, "miter");
-    mark.strokeLinecap = impliedString(strokeLinecap, "butt");
-    mark.strokeMiterlimit = impliedNumber(strokeMiterlimit, 4);
-    mark.strokeDasharray = impliedString(strokeDasharray, "none");
-    mark.strokeDashoffset = impliedString(strokeDashoffset, "0");
-  }
-  mark.target = string(target);
-  mark.ariaLabel = string(cariaLabel);
-  mark.ariaDescription = string(ariaDescription);
-  mark.ariaHidden = string(ariaHidden);
-  mark.opacity = impliedNumber(copacity, 1);
-  mark.mixBlendMode = impliedString(mixBlendMode, "normal");
-  mark.imageFilter = impliedString(imageFilter, "none");
-  mark.paintOrder = impliedString(paintOrder, "normal");
-  mark.pointerEvents = impliedString(pointerEvents, "auto");
-  mark.shapeRendering = impliedString(shapeRendering, "auto");
+}
+function scaleProjection(createProjection2, kx2, ky2) {
   return {
-    title: { value: title, optional: true, filter: null },
-    href: { value: href, optional: true, filter: null },
-    ariaLabel: { value: variaLabel, optional: true, filter: null },
-    fill: { value: vfill, scale: "auto", optional: true },
-    fillOpacity: { value: vfillOpacity, scale: "auto", optional: true },
-    stroke: { value: vstroke, scale: "auto", optional: true },
-    strokeOpacity: { value: vstrokeOpacity, scale: "auto", optional: true },
-    strokeWidth: { value: vstrokeWidth, optional: true },
-    opacity: { value: vopacity, scale: "auto", optional: true }
+    type: ({ width, height, rotate, precision = 0.15, clip }) => {
+      const projection3 = createProjection2();
+      if (precision != null)
+        projection3.precision?.(precision);
+      if (rotate != null)
+        projection3.rotate?.(rotate);
+      if (typeof clip === "number")
+        projection3.clipAngle?.(clip);
+      projection3.scale(Math.min(width / kx2, height / ky2));
+      projection3.translate([width / 2, height / 2]);
+      return projection3;
+    },
+    aspectRatio: ky2 / kx2
   };
 }
-function applyTitle(selection2, L) {
-  if (L)
-    selection2.filter((i) => nonempty(L[i])).append("title").call(applyText, L);
-}
-function applyTitleGroup(selection2, L) {
-  if (L)
-    selection2.filter(([i]) => nonempty(L[i])).append("title").call(applyTextGroup, L);
-}
-function applyText(selection2, T) {
-  if (T)
-    selection2.text((i) => formatDefault(T[i]));
-}
-function applyTextGroup(selection2, T) {
-  if (T)
-    selection2.text(([i]) => formatDefault(T[i]));
-}
-function applyChannelStyles(selection2, { target, tip: tip2 }, {
-  ariaLabel: AL,
-  title: T,
-  fill: F,
-  fillOpacity: FO,
-  stroke: S,
-  strokeOpacity: SO,
-  strokeWidth: SW,
-  opacity: O,
-  href: H
-}) {
-  if (AL)
-    applyAttr(selection2, "aria-label", (i) => AL[i]);
-  if (F)
-    applyAttr(selection2, "fill", (i) => F[i]);
-  if (FO)
-    applyAttr(selection2, "fill-opacity", (i) => FO[i]);
-  if (S)
-    applyAttr(selection2, "stroke", (i) => S[i]);
-  if (SO)
-    applyAttr(selection2, "stroke-opacity", (i) => SO[i]);
-  if (SW)
-    applyAttr(selection2, "stroke-width", (i) => SW[i]);
-  if (O)
-    applyAttr(selection2, "opacity", (i) => O[i]);
-  if (H)
-    applyHref(selection2, (i) => H[i], target);
-  if (!tip2)
-    applyTitle(selection2, T);
-}
-function applyGroupedChannelStyles(selection2, { target, tip: tip2 }, {
-  ariaLabel: AL,
-  title: T,
-  fill: F,
-  fillOpacity: FO,
-  stroke: S,
-  strokeOpacity: SO,
-  strokeWidth: SW,
-  opacity: O,
-  href: H
-}) {
-  if (AL)
-    applyAttr(selection2, "aria-label", ([i]) => AL[i]);
-  if (F)
-    applyAttr(selection2, "fill", ([i]) => F[i]);
-  if (FO)
-    applyAttr(selection2, "fill-opacity", ([i]) => FO[i]);
-  if (S)
-    applyAttr(selection2, "stroke", ([i]) => S[i]);
-  if (SO)
-    applyAttr(selection2, "stroke-opacity", ([i]) => SO[i]);
-  if (SW)
-    applyAttr(selection2, "stroke-width", ([i]) => SW[i]);
-  if (O)
-    applyAttr(selection2, "opacity", ([i]) => O[i]);
-  if (H)
-    applyHref(selection2, ([i]) => H[i], target);
-  if (!tip2)
-    applyTitleGroup(selection2, T);
-}
-function groupAesthetics({
-  ariaLabel: AL,
-  title: T,
-  fill: F,
-  fillOpacity: FO,
-  stroke: S,
-  strokeOpacity: SO,
-  strokeWidth: SW,
-  opacity: O,
-  href: H
-}, { tip: tip2 }) {
-  return [AL, tip2 ? void 0 : T, F, FO, S, SO, SW, O, H].filter((c4) => c4 !== void 0);
-}
-function groupZ2(I, Z, z) {
-  const G = group(I, (i) => Z[i]);
-  if (z === void 0 && G.size > 1 + I.length >> 1) {
-    warn(
-      `Warning: the implicit z channel has high cardinality. This may occur when the fill or stroke channel is associated with quantitative data rather than ordinal or categorical data. You can suppress this warning by setting the z option explicitly; if this data represents a single series, set z to null.`
-    );
-  }
-  return G.values();
-}
-function* groupIndex(I, position3, mark, channels) {
-  const { z } = mark;
-  const { z: Z } = channels;
-  const A5 = groupAesthetics(channels, mark);
-  const C3 = [...position3, ...A5];
-  for (const G of Z ? groupZ2(I, Z, z) : [I]) {
-    let Ag;
-    let Gg;
-    out:
-      for (const i of G) {
-        for (const c4 of C3) {
-          if (!defined(c4[i])) {
-            if (Gg)
-              Gg.push(-1);
-            continue out;
-          }
-        }
-        if (Ag === void 0) {
-          if (Gg)
-            yield Gg;
-          Ag = A5.map((c4) => keyof2(c4[i])), Gg = [i];
-          continue;
-        }
-        Gg.push(i);
-        for (let j = 0; j < A5.length; ++j) {
-          const k2 = keyof2(A5[j][i]);
-          if (k2 !== Ag[j]) {
-            yield Gg;
-            Ag = A5.map((c4) => keyof2(c4[i])), Gg = [i];
-            continue out;
-          }
+function conicProjection2(createProjection2, kx2, ky2) {
+  const { type: type2, aspectRatio } = scaleProjection(createProjection2, kx2, ky2);
+  return {
+    type: (options) => {
+      const { parallels, domain, width, height } = options;
+      const projection3 = type2(options);
+      if (parallels != null) {
+        projection3.parallels(parallels);
+        if (domain === void 0) {
+          projection3.fitSize([width, height], { type: "Sphere" });
         }
       }
-    if (Gg)
-      yield Gg;
-  }
-}
-function maybeClip(clip) {
-  if (clip === true)
-    clip = "frame";
-  else if (clip === false)
-    clip = null;
-  else if (clip != null)
-    clip = keyword(clip, "clip", ["frame", "sphere"]);
-  return clip;
+      return projection3;
+    },
+    aspectRatio
+  };
 }
-function applyClip(selection2, mark, dimensions, context) {
-  let clipUrl;
-  const { clip = context.clip } = mark;
-  switch (clip) {
-    case "frame": {
-      const { width, height, marginLeft, marginRight, marginTop, marginBottom } = dimensions;
-      const id2 = getClipId();
-      clipUrl = `url(#${id2})`;
-      selection2 = create3("svg:g", context).call(
-        (g) => g.append("svg:clipPath").attr("id", id2).append("rect").attr("x", marginLeft).attr("y", marginTop).attr("width", width - marginRight - marginLeft).attr("height", height - marginTop - marginBottom)
-      ).each(function() {
-        this.appendChild(selection2.node());
-        selection2.node = () => this;
-      });
-      break;
+var identity8 = constant({ stream: (stream) => stream });
+var reflectY = constant(
+  transform_default({
+    point(x3, y3) {
+      this.stream.point(x3, -y3);
     }
-    case "sphere": {
-      const { projection: projection3 } = context;
-      if (!projection3)
-        throw new Error(`the "sphere" clip option requires a projection`);
-      const id2 = getClipId();
-      clipUrl = `url(#${id2})`;
-      selection2.append("clipPath").attr("id", id2).append("path").attr("d", path_default(projection3)({ type: "Sphere" }));
-      break;
+  })
+);
+function project(cx, cy, values2, projection3) {
+  const x3 = values2[cx];
+  const y3 = values2[cy];
+  const n = x3.length;
+  const X3 = values2[cx] = new Float64Array(n).fill(NaN);
+  const Y3 = values2[cy] = new Float64Array(n).fill(NaN);
+  let i;
+  const stream = projection3.stream({
+    point(x4, y4) {
+      X3[i] = x4;
+      Y3[i] = y4;
     }
-  }
-  applyAttr(selection2, "aria-label", mark.ariaLabel);
-  applyAttr(selection2, "aria-description", mark.ariaDescription);
-  applyAttr(selection2, "aria-hidden", mark.ariaHidden);
-  applyAttr(selection2, "clip-path", clipUrl);
-}
-function applyIndirectStyles(selection2, mark, dimensions, context) {
-  applyClip(selection2, mark, dimensions, context);
-  applyAttr(selection2, "fill", mark.fill);
-  applyAttr(selection2, "fill-opacity", mark.fillOpacity);
-  applyAttr(selection2, "stroke", mark.stroke);
-  applyAttr(selection2, "stroke-width", mark.strokeWidth);
-  applyAttr(selection2, "stroke-opacity", mark.strokeOpacity);
-  applyAttr(selection2, "stroke-linejoin", mark.strokeLinejoin);
-  applyAttr(selection2, "stroke-linecap", mark.strokeLinecap);
-  applyAttr(selection2, "stroke-miterlimit", mark.strokeMiterlimit);
-  applyAttr(selection2, "stroke-dasharray", mark.strokeDasharray);
-  applyAttr(selection2, "stroke-dashoffset", mark.strokeDashoffset);
-  applyAttr(selection2, "shape-rendering", mark.shapeRendering);
-  applyAttr(selection2, "filter", mark.imageFilter);
-  applyAttr(selection2, "paint-order", mark.paintOrder);
-  const { pointerEvents = context.pointerSticky === false ? "none" : void 0 } = mark;
-  applyAttr(selection2, "pointer-events", pointerEvents);
-}
-function applyDirectStyles(selection2, mark) {
-  applyStyle(selection2, "mix-blend-mode", mark.mixBlendMode);
-  applyAttr(selection2, "opacity", mark.opacity);
-}
-function applyHref(selection2, href, target) {
-  selection2.each(function(i) {
-    const h = href(i);
-    if (h != null) {
-      const a2 = this.ownerDocument.createElementNS(namespaces_default.svg, "a");
-      a2.setAttribute("fill", "inherit");
-      a2.setAttributeNS(namespaces_default.xlink, "href", h);
-      if (target != null)
-        a2.setAttribute("target", target);
-      this.parentNode.insertBefore(a2, this).appendChild(this);
-    }
-  });
-}
-function applyAttr(selection2, name, value) {
-  if (value != null)
-    selection2.attr(name, value);
-}
-function applyStyle(selection2, name, value) {
-  if (value != null)
-    selection2.style(name, value);
-}
-function applyTransform(selection2, mark, { x: x3, y: y3 }, tx = offset, ty = offset) {
-  tx += mark.dx;
-  ty += mark.dy;
-  if (x3?.bandwidth)
-    tx += x3.bandwidth() / 2;
-  if (y3?.bandwidth)
-    ty += y3.bandwidth() / 2;
-  if (tx || ty)
-    selection2.attr("transform", `translate(${tx},${ty})`);
-}
-function impliedString(value, impliedValue) {
-  if ((value = string(value)) !== impliedValue)
-    return value;
-}
-function impliedNumber(value, impliedValue) {
-  if ((value = number5(value)) !== impliedValue)
-    return value;
-}
-var validClassName = /^-?([_a-z]|[\240-\377]|\\[0-9a-f]{1,6}(\r\n|[ \t\r\n\f])?|\\[^\r\n\f0-9a-f])([_a-z0-9-]|[\240-\377]|\\[0-9a-f]{1,6}(\r\n|[ \t\r\n\f])?|\\[^\r\n\f0-9a-f])*$/i;
-function maybeClassName(name) {
-  if (name === void 0)
-    return "plot-d6a7b5";
-  name = `${name}`;
-  if (!validClassName.test(name))
-    throw new Error(`invalid class name: ${name}`);
-  return name;
-}
-function applyInlineStyles(selection2, style) {
-  if (typeof style === "string") {
-    selection2.property("style", style);
-  } else if (style != null) {
-    for (const element of selection2) {
-      Object.assign(element.style, style);
-    }
-  }
-}
-function applyFrameAnchor({ frameAnchor }, { width, height, marginTop, marginRight, marginBottom, marginLeft }) {
-  return [
-    /left$/.test(frameAnchor) ? marginLeft : /right$/.test(frameAnchor) ? width - marginRight : (marginLeft + width - marginRight) / 2,
-    /^top/.test(frameAnchor) ? marginTop : /^bottom/.test(frameAnchor) ? height - marginBottom : (marginTop + height - marginBottom) / 2
-  ];
-}
-
-// ../../node_modules/@observablehq/plot/src/context.js
-function createContext(options = {}) {
-  const { document: document2 = typeof window !== "undefined" ? window.document : void 0, clip } = options;
-  return { document: document2, clip: maybeClip(clip) };
-}
-function create3(name, { document: document2 }) {
-  return select_default2(creator_default(name).call(document2.documentElement));
-}
-
-// ../../node_modules/@observablehq/plot/src/projection.js
-var pi4 = Math.PI;
-var tau5 = 2 * pi4;
-var defaultAspectRatio = 0.618;
-function createProjection({
-  projection: projection3,
-  inset: globalInset = 0,
-  insetTop = globalInset,
-  insetRight = globalInset,
-  insetBottom = globalInset,
-  insetLeft = globalInset
-} = {}, dimensions) {
-  if (projection3 == null)
-    return;
-  if (typeof projection3.stream === "function")
-    return projection3;
-  let options;
-  let domain;
-  let clip = "frame";
-  if (isObject2(projection3)) {
-    let inset;
-    ({
-      type: projection3,
-      domain,
-      inset,
-      insetTop = inset !== void 0 ? inset : insetTop,
-      insetRight = inset !== void 0 ? inset : insetRight,
-      insetBottom = inset !== void 0 ? inset : insetBottom,
-      insetLeft = inset !== void 0 ? inset : insetLeft,
-      clip = clip,
-      ...options
-    } = projection3);
-    if (projection3 == null)
-      return;
-  }
-  if (typeof projection3 !== "function")
-    ({ type: projection3 } = namedProjection(projection3));
-  const { width, height, marginLeft, marginRight, marginTop, marginBottom } = dimensions;
-  const dx = width - marginLeft - marginRight - insetLeft - insetRight;
-  const dy = height - marginTop - marginBottom - insetTop - insetBottom;
-  projection3 = projection3?.({ width: dx, height: dy, clip, ...options });
-  if (projection3 == null)
-    return;
-  clip = maybePostClip(clip, marginLeft, marginTop, width - marginRight, height - marginBottom);
-  let tx = marginLeft + insetLeft;
-  let ty = marginTop + insetTop;
-  let transform3;
-  if (domain != null) {
-    const [[x06, y06], [x12, y12]] = path_default(projection3).bounds(domain);
-    const k2 = Math.min(dx / (x12 - x06), dy / (y12 - y06));
-    if (k2 > 0) {
-      tx -= (k2 * (x06 + x12) - dx) / 2;
-      ty -= (k2 * (y06 + y12) - dy) / 2;
-      transform3 = Object.assign(
-        transform_default({
-          point(x3, y3) {
-            this.stream.point(x3 * k2 + tx, y3 * k2 + ty);
-          }
-        }),
-        { invert: ([x3, y3]) => [(x3 - tx) / k2, (y3 - ty) / k2] }
-      );
-    } else {
-      warn(`Warning: the projection could not be fit to the specified domain; using the default scale.`);
-    }
-  }
-  transform3 ??= tx === 0 && ty === 0 ? identity8() : Object.assign(
-    transform_default({
-      point(x3, y3) {
-        this.stream.point(x3 + tx, y3 + ty);
-      }
-    }),
-    { invert: ([x3, y3]) => [x3 - tx, y3 - ty] }
-  );
-  return {
-    stream: (s2) => projection3.stream(transform3.stream(clip(s2))),
-    invert: (p) => projection3.invert(transform3.invert(p))
-  };
-}
-function namedProjection(projection3) {
-  switch (`${projection3}`.toLowerCase()) {
-    case "albers-usa":
-      return scaleProjection(albersUsa_default, 0.7463, 0.4673);
-    case "albers":
-      return conicProjection2(albers_default, 0.7463, 0.4673);
-    case "azimuthal-equal-area":
-      return scaleProjection(azimuthalEqualArea_default, 4, 4);
-    case "azimuthal-equidistant":
-      return scaleProjection(azimuthalEquidistant_default, tau5, tau5);
-    case "conic-conformal":
-      return conicProjection2(conicConformal_default, tau5, tau5);
-    case "conic-equal-area":
-      return conicProjection2(conicEqualArea_default, 6.1702, 2.9781);
-    case "conic-equidistant":
-      return conicProjection2(conicEquidistant_default, 7.312, 3.6282);
-    case "equal-earth":
-      return scaleProjection(equalEarth_default, 5.4133, 2.6347);
-    case "equirectangular":
-      return scaleProjection(equirectangular_default, tau5, pi4);
-    case "gnomonic":
-      return scaleProjection(gnomonic_default, 3.4641, 3.4641);
-    case "identity":
-      return { type: identity8 };
-    case "reflect-y":
-      return { type: reflectY };
-    case "mercator":
-      return scaleProjection(mercator_default, tau5, tau5);
-    case "orthographic":
-      return scaleProjection(orthographic_default, 2, 2);
-    case "stereographic":
-      return scaleProjection(stereographic_default, 2, 2);
-    case "transverse-mercator":
-      return scaleProjection(transverseMercator_default, tau5, tau5);
-    default:
-      throw new Error(`unknown projection type: ${projection3}`);
-  }
-}
-function maybePostClip(clip, x12, y12, x22, y22) {
-  if (clip === false || clip == null || typeof clip === "number")
-    return (s2) => s2;
-  if (clip === true)
-    clip = "frame";
-  switch (`${clip}`.toLowerCase()) {
-    case "frame":
-      return clipRectangle(x12, y12, x22, y22);
-    default:
-      throw new Error(`unknown projection clip type: ${clip}`);
-  }
-}
-function scaleProjection(createProjection2, kx2, ky2) {
-  return {
-    type: ({ width, height, rotate, precision = 0.15, clip }) => {
-      const projection3 = createProjection2();
-      if (precision != null)
-        projection3.precision?.(precision);
-      if (rotate != null)
-        projection3.rotate?.(rotate);
-      if (typeof clip === "number")
-        projection3.clipAngle?.(clip);
-      projection3.scale(Math.min(width / kx2, height / ky2));
-      projection3.translate([width / 2, height / 2]);
-      return projection3;
-    },
-    aspectRatio: ky2 / kx2
-  };
-}
-function conicProjection2(createProjection2, kx2, ky2) {
-  const { type: type2, aspectRatio } = scaleProjection(createProjection2, kx2, ky2);
-  return {
-    type: (options) => {
-      const { parallels, domain, width, height } = options;
-      const projection3 = type2(options);
-      if (parallels != null) {
-        projection3.parallels(parallels);
-        if (domain === void 0) {
-          projection3.fitSize([width, height], { type: "Sphere" });
-        }
-      }
-      return projection3;
-    },
-    aspectRatio
-  };
-}
-var identity8 = constant({
-  stream: (stream) => stream,
-  invert: (p) => p
-});
-var reflectY = constant(
-  Object.assign(
-    transform_default({
-      point(x3, y3) {
-        this.stream.point(x3, -y3);
-      }
-    }),
-    { invert: ([x3, y3]) => [x3, -y3] }
-  )
-);
-function project(cx, cy, values2, projection3) {
-  const x3 = values2[cx];
-  const y3 = values2[cy];
-  const n = x3.length;
-  const X3 = values2[cx] = new Float64Array(n).fill(NaN);
-  const Y3 = values2[cy] = new Float64Array(n).fill(NaN);
-  let i;
-  const stream = projection3.stream({
-    point(x4, y4) {
-      X3[i] = x4;
-      Y3[i] = y4;
-    }
-  });
-  for (i = 0; i < n; ++i) {
-    stream.point(x3[i], y3[i]);
+  });
+  for (i = 0; i < n; ++i) {
+    stream.point(x3[i], y3[i]);
   }
 }
 function hasProjection({ projection: projection3 } = {}) {
@@ -30278,23 +29868,11 @@ function getGeometryChannels(channel) {
 }
 
 // ../../node_modules/@observablehq/plot/src/scales/schemes.js
-var schemeObservable10 = [
-  "#4269d0",
-  "#efb118",
-  "#ff725c",
-  "#6cc5b0",
-  "#3ca951",
-  "#ff8ab7",
-  "#a463f2",
-  "#97bbf5",
-  "#9c6b4e",
-  "#9498a0"
-];
 var categoricalSchemes = /* @__PURE__ */ new Map([
   ["accent", Accent_default],
   ["category10", category10_default],
   ["dark2", Dark2_default],
-  ["observable10", schemeObservable10],
+  ["observable10", observable10_default],
   ["paired", Paired_default],
   ["pastel1", Pastel1_default],
   ["pastel2", Pastel2_default],
@@ -31329,111 +30907,517 @@ function inferScaleType(key, channels, { type: type2, domain, range: range3, sch
     if (isCategoricalScheme(scheme28))
       return "categorical";
   }
-  return "linear";
+  return "linear";
+}
+function asOrdinalType(kind) {
+  switch (kind) {
+    case position:
+      return "point";
+    case color2:
+      return ordinalImplicit;
+    default:
+      return "ordinal";
+  }
+}
+function isOrdinalScale({ type: type2 }) {
+  return type2 === "ordinal" || type2 === "point" || type2 === "band" || type2 === ordinalImplicit;
+}
+function isThresholdScale({ type: type2 }) {
+  return type2 === "threshold";
+}
+function isBandScale({ type: type2 }) {
+  return type2 === "point" || type2 === "band";
+}
+function isCollapsed(scale3) {
+  if (scale3 === void 0)
+    return true;
+  const domain = scale3.domain();
+  const value = scale3(domain[0]);
+  for (let i = 1, n = domain.length; i < n; ++i) {
+    if (scale3(domain[i]) - value) {
+      return false;
+    }
+  }
+  return true;
+}
+function coerceType(channels, { domain, ...options }, coerceValues) {
+  for (const c4 of channels) {
+    if (c4.value !== void 0) {
+      if (domain === void 0)
+        domain = c4.value?.domain;
+      c4.value = coerceValues(c4.value);
+    }
+  }
+  return {
+    domain: domain === void 0 ? domain : coerceValues(domain),
+    ...options
+  };
+}
+function coerceSymbols(values2) {
+  return map2(values2, maybeSymbol);
+}
+function scale2(options = {}) {
+  let scale3;
+  for (const key in options) {
+    if (!registry.has(key))
+      continue;
+    if (!isScaleOptions(options[key]))
+      continue;
+    if (scale3 !== void 0)
+      throw new Error("ambiguous scale definition; multiple scales found");
+    scale3 = exposeScale(normalizeScale(key, options[key]));
+  }
+  if (scale3 === void 0)
+    throw new Error("invalid scale definition; no scale found");
+  return scale3;
+}
+function exposeScales(scales2) {
+  return (key) => {
+    if (!registry.has(key = `${key}`))
+      throw new Error(`unknown scale: ${key}`);
+    return scales2[key];
+  };
+}
+function exposeScale({ scale: scale3, type: type2, domain, range: range3, interpolate, interval: interval2, transform: transform3, percent, pivot }) {
+  if (type2 === "identity")
+    return { type: "identity", apply: (d) => d, invert: (d) => d };
+  const unknown = scale3.unknown ? scale3.unknown() : void 0;
+  return {
+    type: type2,
+    domain: slice3(domain),
+    // defensive copy
+    ...range3 !== void 0 && { range: slice3(range3) },
+    // defensive copy
+    ...transform3 !== void 0 && { transform: transform3 },
+    ...percent && { percent },
+    // only exposed if truthy
+    ...unknown !== void 0 && { unknown },
+    ...interval2 !== void 0 && { interval: interval2 },
+    // quantitative
+    ...interpolate !== void 0 && { interpolate },
+    ...scale3.clamp && { clamp: scale3.clamp() },
+    // diverging (always asymmetric; we never want to apply the symmetric transform twice)
+    ...pivot !== void 0 && { pivot, symmetric: false },
+    // log, diverging-log
+    ...scale3.base && { base: scale3.base() },
+    // pow, diverging-pow
+    ...scale3.exponent && { exponent: scale3.exponent() },
+    // symlog, diverging-symlog
+    ...scale3.constant && { constant: scale3.constant() },
+    // band, point
+    ...scale3.align && { align: scale3.align(), round: scale3.round() },
+    ...scale3.padding && (scale3.paddingInner ? { paddingInner: scale3.paddingInner(), paddingOuter: scale3.paddingOuter() } : { padding: scale3.padding() }),
+    ...scale3.bandwidth && { bandwidth: scale3.bandwidth(), step: scale3.step() },
+    // utilities
+    apply: (t) => scale3(t),
+    ...scale3.invert && { invert: (t) => scale3.invert(t) }
+  };
+}
+
+// ../../node_modules/@observablehq/plot/src/memoize.js
+function memoize1(compute) {
+  let cacheValue, cacheKeys;
+  return (...keys) => {
+    if (cacheKeys?.length !== keys.length || cacheKeys.some((k2, i) => k2 !== keys[i])) {
+      cacheKeys = keys;
+      cacheValue = compute(...keys);
+    }
+    return cacheValue;
+  };
+}
+
+// ../../node_modules/@observablehq/plot/src/format.js
+var numberFormat = memoize1((locale3) => {
+  return new Intl.NumberFormat(locale3);
+});
+var monthFormat = memoize1((locale3, month) => {
+  return new Intl.DateTimeFormat(locale3, { timeZone: "UTC", ...month && { month } });
+});
+var weekdayFormat = memoize1((locale3, weekday) => {
+  return new Intl.DateTimeFormat(locale3, { timeZone: "UTC", ...weekday && { weekday } });
+});
+function formatNumber(locale3 = "en-US") {
+  const format3 = numberFormat(locale3);
+  return (i) => i != null && !isNaN(i) ? format3.format(i) : void 0;
+}
+function formatMonth(locale3 = "en-US", format3 = "short") {
+  const fmt = monthFormat(locale3, format3);
+  return (i) => i != null && !isNaN(i = +new Date(Date.UTC(2e3, +i))) ? fmt.format(i) : void 0;
+}
+function formatWeekday(locale3 = "en-US", format3 = "short") {
+  const fmt = weekdayFormat(locale3, format3);
+  return (i) => i != null && !isNaN(i = +new Date(Date.UTC(2001, 0, +i))) ? fmt.format(i) : void 0;
+}
+function formatIsoDate(date2) {
+  return format2(date2, "Invalid Date");
+}
+function formatAuto(locale3 = "en-US") {
+  const number7 = formatNumber(locale3);
+  return (v2) => (v2 instanceof Date ? formatIsoDate : typeof v2 === "number" ? number7 : string)(v2);
+}
+var formatDefault = formatAuto();
+
+// ../../node_modules/@observablehq/plot/src/style.js
+var offset = (typeof window !== "undefined" ? window.devicePixelRatio > 1 : typeof it === "undefined") ? 0 : 0.5;
+var nextClipId = 0;
+function getClipId() {
+  return `plot-clip-${++nextClipId}`;
+}
+function styles(mark, {
+  title,
+  href,
+  ariaLabel: variaLabel,
+  ariaDescription,
+  ariaHidden,
+  target,
+  fill,
+  fillOpacity,
+  stroke,
+  strokeWidth,
+  strokeOpacity,
+  strokeLinejoin,
+  strokeLinecap,
+  strokeMiterlimit,
+  strokeDasharray,
+  strokeDashoffset,
+  opacity: opacity2,
+  mixBlendMode,
+  imageFilter,
+  paintOrder,
+  pointerEvents,
+  shapeRendering,
+  channels
+}, {
+  ariaLabel: cariaLabel,
+  fill: defaultFill = "currentColor",
+  fillOpacity: defaultFillOpacity,
+  stroke: defaultStroke = "none",
+  strokeOpacity: defaultStrokeOpacity,
+  strokeWidth: defaultStrokeWidth,
+  strokeLinecap: defaultStrokeLinecap,
+  strokeLinejoin: defaultStrokeLinejoin,
+  strokeMiterlimit: defaultStrokeMiterlimit,
+  paintOrder: defaultPaintOrder
+}) {
+  if (defaultFill === null) {
+    fill = null;
+    fillOpacity = null;
+  }
+  if (defaultStroke === null) {
+    stroke = null;
+    strokeOpacity = null;
+  }
+  if (isNoneish(defaultFill)) {
+    if (!isNoneish(defaultStroke) && (!isNoneish(fill) || channels?.fill))
+      defaultStroke = "none";
+  } else {
+    if (isNoneish(defaultStroke) && (!isNoneish(stroke) || channels?.stroke))
+      defaultFill = "none";
+  }
+  const [vfill, cfill] = maybeColorChannel(fill, defaultFill);
+  const [vfillOpacity, cfillOpacity] = maybeNumberChannel(fillOpacity, defaultFillOpacity);
+  const [vstroke, cstroke] = maybeColorChannel(stroke, defaultStroke);
+  const [vstrokeOpacity, cstrokeOpacity] = maybeNumberChannel(strokeOpacity, defaultStrokeOpacity);
+  const [vopacity, copacity] = maybeNumberChannel(opacity2);
+  if (!isNone(cstroke)) {
+    if (strokeWidth === void 0)
+      strokeWidth = defaultStrokeWidth;
+    if (strokeLinecap === void 0)
+      strokeLinecap = defaultStrokeLinecap;
+    if (strokeLinejoin === void 0)
+      strokeLinejoin = defaultStrokeLinejoin;
+    if (strokeMiterlimit === void 0 && !isRound(strokeLinejoin))
+      strokeMiterlimit = defaultStrokeMiterlimit;
+    if (!isNone(cfill) && paintOrder === void 0)
+      paintOrder = defaultPaintOrder;
+  }
+  const [vstrokeWidth, cstrokeWidth] = maybeNumberChannel(strokeWidth);
+  if (defaultFill !== null) {
+    mark.fill = impliedString(cfill, "currentColor");
+    mark.fillOpacity = impliedNumber(cfillOpacity, 1);
+  }
+  if (defaultStroke !== null) {
+    mark.stroke = impliedString(cstroke, "none");
+    mark.strokeWidth = impliedNumber(cstrokeWidth, 1);
+    mark.strokeOpacity = impliedNumber(cstrokeOpacity, 1);
+    mark.strokeLinejoin = impliedString(strokeLinejoin, "miter");
+    mark.strokeLinecap = impliedString(strokeLinecap, "butt");
+    mark.strokeMiterlimit = impliedNumber(strokeMiterlimit, 4);
+    mark.strokeDasharray = impliedString(strokeDasharray, "none");
+    mark.strokeDashoffset = impliedString(strokeDashoffset, "0");
+  }
+  mark.target = string(target);
+  mark.ariaLabel = string(cariaLabel);
+  mark.ariaDescription = string(ariaDescription);
+  mark.ariaHidden = string(ariaHidden);
+  mark.opacity = impliedNumber(copacity, 1);
+  mark.mixBlendMode = impliedString(mixBlendMode, "normal");
+  mark.imageFilter = impliedString(imageFilter, "none");
+  mark.paintOrder = impliedString(paintOrder, "normal");
+  mark.pointerEvents = impliedString(pointerEvents, "auto");
+  mark.shapeRendering = impliedString(shapeRendering, "auto");
+  return {
+    title: { value: title, optional: true, filter: null },
+    href: { value: href, optional: true, filter: null },
+    ariaLabel: { value: variaLabel, optional: true, filter: null },
+    fill: { value: vfill, scale: "auto", optional: true },
+    fillOpacity: { value: vfillOpacity, scale: "auto", optional: true },
+    stroke: { value: vstroke, scale: "auto", optional: true },
+    strokeOpacity: { value: vstrokeOpacity, scale: "auto", optional: true },
+    strokeWidth: { value: vstrokeWidth, optional: true },
+    opacity: { value: vopacity, scale: "auto", optional: true }
+  };
+}
+function applyTitle(selection2, L) {
+  if (L)
+    selection2.filter((i) => nonempty(L[i])).append("title").call(applyText, L);
+}
+function applyTitleGroup(selection2, L) {
+  if (L)
+    selection2.filter(([i]) => nonempty(L[i])).append("title").call(applyTextGroup, L);
+}
+function applyText(selection2, T) {
+  if (T)
+    selection2.text((i) => formatDefault(T[i]));
+}
+function applyTextGroup(selection2, T) {
+  if (T)
+    selection2.text(([i]) => formatDefault(T[i]));
+}
+function applyChannelStyles(selection2, { target, tip: tip2 }, {
+  ariaLabel: AL,
+  title: T,
+  fill: F,
+  fillOpacity: FO,
+  stroke: S,
+  strokeOpacity: SO,
+  strokeWidth: SW,
+  opacity: O,
+  href: H
+}) {
+  if (AL)
+    applyAttr(selection2, "aria-label", (i) => AL[i]);
+  if (F)
+    applyAttr(selection2, "fill", (i) => F[i]);
+  if (FO)
+    applyAttr(selection2, "fill-opacity", (i) => FO[i]);
+  if (S)
+    applyAttr(selection2, "stroke", (i) => S[i]);
+  if (SO)
+    applyAttr(selection2, "stroke-opacity", (i) => SO[i]);
+  if (SW)
+    applyAttr(selection2, "stroke-width", (i) => SW[i]);
+  if (O)
+    applyAttr(selection2, "opacity", (i) => O[i]);
+  if (H)
+    applyHref(selection2, (i) => H[i], target);
+  if (!tip2)
+    applyTitle(selection2, T);
+}
+function applyGroupedChannelStyles(selection2, { target, tip: tip2 }, {
+  ariaLabel: AL,
+  title: T,
+  fill: F,
+  fillOpacity: FO,
+  stroke: S,
+  strokeOpacity: SO,
+  strokeWidth: SW,
+  opacity: O,
+  href: H
+}) {
+  if (AL)
+    applyAttr(selection2, "aria-label", ([i]) => AL[i]);
+  if (F)
+    applyAttr(selection2, "fill", ([i]) => F[i]);
+  if (FO)
+    applyAttr(selection2, "fill-opacity", ([i]) => FO[i]);
+  if (S)
+    applyAttr(selection2, "stroke", ([i]) => S[i]);
+  if (SO)
+    applyAttr(selection2, "stroke-opacity", ([i]) => SO[i]);
+  if (SW)
+    applyAttr(selection2, "stroke-width", ([i]) => SW[i]);
+  if (O)
+    applyAttr(selection2, "opacity", ([i]) => O[i]);
+  if (H)
+    applyHref(selection2, ([i]) => H[i], target);
+  if (!tip2)
+    applyTitleGroup(selection2, T);
+}
+function groupAesthetics({
+  ariaLabel: AL,
+  title: T,
+  fill: F,
+  fillOpacity: FO,
+  stroke: S,
+  strokeOpacity: SO,
+  strokeWidth: SW,
+  opacity: O,
+  href: H
+}, { tip: tip2 }) {
+  return [AL, tip2 ? void 0 : T, F, FO, S, SO, SW, O, H].filter((c4) => c4 !== void 0);
+}
+function groupZ2(I, Z, z) {
+  const G = group(I, (i) => Z[i]);
+  if (z === void 0 && G.size > 1 + I.length >> 1) {
+    warn(
+      `Warning: the implicit z channel has high cardinality. This may occur when the fill or stroke channel is associated with quantitative data rather than ordinal or categorical data. You can suppress this warning by setting the z option explicitly; if this data represents a single series, set z to null.`
+    );
+  }
+  return G.values();
+}
+function* groupIndex(I, position3, mark, channels) {
+  const { z } = mark;
+  const { z: Z } = channels;
+  const A5 = groupAesthetics(channels, mark);
+  const C3 = [...position3, ...A5];
+  for (const G of Z ? groupZ2(I, Z, z) : [I]) {
+    let Ag;
+    let Gg;
+    out:
+      for (const i of G) {
+        for (const c4 of C3) {
+          if (!defined(c4[i])) {
+            if (Gg)
+              Gg.push(-1);
+            continue out;
+          }
+        }
+        if (Ag === void 0) {
+          if (Gg)
+            yield Gg;
+          Ag = A5.map((c4) => keyof2(c4[i])), Gg = [i];
+          continue;
+        }
+        Gg.push(i);
+        for (let j = 0; j < A5.length; ++j) {
+          const k2 = keyof2(A5[j][i]);
+          if (k2 !== Ag[j]) {
+            yield Gg;
+            Ag = A5.map((c4) => keyof2(c4[i])), Gg = [i];
+            continue out;
+          }
+        }
+      }
+    if (Gg)
+      yield Gg;
+  }
 }
-function asOrdinalType(kind) {
-  switch (kind) {
-    case position:
-      return "point";
-    case color2:
-      return ordinalImplicit;
-    default:
-      return "ordinal";
+function applyClip(selection2, mark, dimensions, context) {
+  let clipUrl;
+  const { clip = context.clip } = mark;
+  switch (clip) {
+    case "frame": {
+      const { width, height, marginLeft, marginRight, marginTop, marginBottom } = dimensions;
+      const id2 = getClipId();
+      clipUrl = `url(#${id2})`;
+      selection2 = create3("svg:g", context).call(
+        (g) => g.append("svg:clipPath").attr("id", id2).append("rect").attr("x", marginLeft).attr("y", marginTop).attr("width", width - marginRight - marginLeft).attr("height", height - marginTop - marginBottom)
+      ).each(function() {
+        this.appendChild(selection2.node());
+        selection2.node = () => this;
+      });
+      break;
+    }
+    case "sphere": {
+      const { projection: projection3 } = context;
+      if (!projection3)
+        throw new Error(`the "sphere" clip option requires a projection`);
+      const id2 = getClipId();
+      clipUrl = `url(#${id2})`;
+      selection2.append("clipPath").attr("id", id2).append("path").attr("d", path_default(projection3)({ type: "Sphere" }));
+      break;
+    }
   }
+  applyAttr(selection2, "aria-label", mark.ariaLabel);
+  applyAttr(selection2, "aria-description", mark.ariaDescription);
+  applyAttr(selection2, "aria-hidden", mark.ariaHidden);
+  applyAttr(selection2, "clip-path", clipUrl);
 }
-function isOrdinalScale({ type: type2 }) {
-  return type2 === "ordinal" || type2 === "point" || type2 === "band" || type2 === ordinalImplicit;
-}
-function isThresholdScale({ type: type2 }) {
-  return type2 === "threshold";
+function applyIndirectStyles(selection2, mark, dimensions, context) {
+  applyClip(selection2, mark, dimensions, context);
+  applyAttr(selection2, "fill", mark.fill);
+  applyAttr(selection2, "fill-opacity", mark.fillOpacity);
+  applyAttr(selection2, "stroke", mark.stroke);
+  applyAttr(selection2, "stroke-width", mark.strokeWidth);
+  applyAttr(selection2, "stroke-opacity", mark.strokeOpacity);
+  applyAttr(selection2, "stroke-linejoin", mark.strokeLinejoin);
+  applyAttr(selection2, "stroke-linecap", mark.strokeLinecap);
+  applyAttr(selection2, "stroke-miterlimit", mark.strokeMiterlimit);
+  applyAttr(selection2, "stroke-dasharray", mark.strokeDasharray);
+  applyAttr(selection2, "stroke-dashoffset", mark.strokeDashoffset);
+  applyAttr(selection2, "shape-rendering", mark.shapeRendering);
+  applyAttr(selection2, "filter", mark.imageFilter);
+  applyAttr(selection2, "paint-order", mark.paintOrder);
+  const { pointerEvents = context.pointerSticky === false ? "none" : void 0 } = mark;
+  applyAttr(selection2, "pointer-events", pointerEvents);
 }
-function isBandScale({ type: type2 }) {
-  return type2 === "point" || type2 === "band";
+function applyDirectStyles(selection2, mark) {
+  applyStyle(selection2, "mix-blend-mode", mark.mixBlendMode);
+  applyAttr(selection2, "opacity", mark.opacity);
 }
-function isCollapsed(scale3) {
-  if (scale3 === void 0)
-    return true;
-  const domain = scale3.domain();
-  const value = scale3(domain[0]);
-  for (let i = 1, n = domain.length; i < n; ++i) {
-    if (scale3(domain[i]) - value) {
-      return false;
+function applyHref(selection2, href, target) {
+  selection2.each(function(i) {
+    const h = href(i);
+    if (h != null) {
+      const a2 = this.ownerDocument.createElementNS(namespaces_default.svg, "a");
+      a2.setAttribute("fill", "inherit");
+      a2.setAttributeNS(namespaces_default.xlink, "href", h);
+      if (target != null)
+        a2.setAttribute("target", target);
+      this.parentNode.insertBefore(a2, this).appendChild(this);
     }
-  }
-  return true;
+  });
 }
-function coerceType(channels, { domain, ...options }, coerceValues) {
-  for (const c4 of channels) {
-    if (c4.value !== void 0) {
-      if (domain === void 0)
-        domain = c4.value?.domain;
-      c4.value = coerceValues(c4.value);
-    }
-  }
-  return {
-    domain: domain === void 0 ? domain : coerceValues(domain),
-    ...options
-  };
+function applyAttr(selection2, name, value) {
+  if (value != null)
+    selection2.attr(name, value);
 }
-function coerceSymbols(values2) {
-  return map2(values2, maybeSymbol);
+function applyStyle(selection2, name, value) {
+  if (value != null)
+    selection2.style(name, value);
 }
-function scale2(options = {}) {
-  let scale3;
-  for (const key in options) {
-    if (!registry.has(key))
-      continue;
-    if (!isScaleOptions(options[key]))
-      continue;
-    if (scale3 !== void 0)
-      throw new Error("ambiguous scale definition; multiple scales found");
-    scale3 = exposeScale(normalizeScale(key, options[key]));
-  }
-  if (scale3 === void 0)
-    throw new Error("invalid scale definition; no scale found");
-  return scale3;
+function applyTransform(selection2, mark, { x: x3, y: y3 }, tx = offset, ty = offset) {
+  tx += mark.dx;
+  ty += mark.dy;
+  if (x3?.bandwidth)
+    tx += x3.bandwidth() / 2;
+  if (y3?.bandwidth)
+    ty += y3.bandwidth() / 2;
+  if (tx || ty)
+    selection2.attr("transform", `translate(${tx},${ty})`);
 }
-function exposeScales(scales2) {
-  return (key) => {
-    if (!registry.has(key = `${key}`))
-      throw new Error(`unknown scale: ${key}`);
-    return scales2[key];
-  };
+function impliedString(value, impliedValue) {
+  if ((value = string(value)) !== impliedValue)
+    return value;
 }
-function exposeScale({ scale: scale3, type: type2, domain, range: range3, interpolate, interval: interval2, transform: transform3, percent, pivot }) {
-  if (type2 === "identity")
-    return { type: "identity", apply: (d) => d, invert: (d) => d };
-  const unknown = scale3.unknown ? scale3.unknown() : void 0;
-  return {
-    type: type2,
-    domain: slice3(domain),
-    // defensive copy
-    ...range3 !== void 0 && { range: slice3(range3) },
-    // defensive copy
-    ...transform3 !== void 0 && { transform: transform3 },
-    ...percent && { percent },
-    // only exposed if truthy
-    ...unknown !== void 0 && { unknown },
-    ...interval2 !== void 0 && { interval: interval2 },
-    // quantitative
-    ...interpolate !== void 0 && { interpolate },
-    ...scale3.clamp && { clamp: scale3.clamp() },
-    // diverging (always asymmetric; we never want to apply the symmetric transform twice)
-    ...pivot !== void 0 && { pivot, symmetric: false },
-    // log, diverging-log
-    ...scale3.base && { base: scale3.base() },
-    // pow, diverging-pow
-    ...scale3.exponent && { exponent: scale3.exponent() },
-    // symlog, diverging-symlog
-    ...scale3.constant && { constant: scale3.constant() },
-    // band, point
-    ...scale3.align && { align: scale3.align(), round: scale3.round() },
-    ...scale3.padding && (scale3.paddingInner ? { paddingInner: scale3.paddingInner(), paddingOuter: scale3.paddingOuter() } : { padding: scale3.padding() }),
-    ...scale3.bandwidth && { bandwidth: scale3.bandwidth(), step: scale3.step() },
-    // utilities
-    apply: (t) => scale3(t),
-    ...scale3.invert && { invert: (t) => scale3.invert(t) }
-  };
+function impliedNumber(value, impliedValue) {
+  if ((value = number5(value)) !== impliedValue)
+    return value;
+}
+var validClassName = /^-?([_a-z]|[\240-\377]|\\[0-9a-f]{1,6}(\r\n|[ \t\r\n\f])?|\\[^\r\n\f0-9a-f])([_a-z0-9-]|[\240-\377]|\\[0-9a-f]{1,6}(\r\n|[ \t\r\n\f])?|\\[^\r\n\f0-9a-f])*$/i;
+function maybeClassName(name) {
+  if (name === void 0)
+    return "plot-d6a7b5";
+  name = `${name}`;
+  if (!validClassName.test(name))
+    throw new Error(`invalid class name: ${name}`);
+  return name;
+}
+function applyInlineStyles(selection2, style) {
+  if (typeof style === "string") {
+    selection2.property("style", style);
+  } else if (style != null) {
+    for (const element of selection2) {
+      Object.assign(element.style, style);
+    }
+  }
+}
+function applyFrameAnchor({ frameAnchor }, { width, height, marginTop, marginRight, marginBottom, marginLeft }) {
+  return [
+    /left$/.test(frameAnchor) ? marginLeft : /right$/.test(frameAnchor) ? width - marginRight : (marginLeft + width - marginRight) / 2,
+    /^top/.test(frameAnchor) ? marginTop : /^bottom/.test(frameAnchor) ? height - marginBottom : (marginTop + height - marginBottom) / 2
+  ];
 }
 
 // ../../node_modules/@observablehq/plot/src/dimensions.js
@@ -33179,19 +33163,28 @@ function axisTickKy(k2, anchor, data, {
   y: y3 = k2 === "y" ? void 0 : null,
   ...options
 }) {
-  return axisMark(vectorY, k2, anchor, `${k2}-axis tick`, data, {
-    strokeWidth,
-    strokeLinecap,
-    strokeLinejoin,
-    facetAnchor,
-    frameAnchor,
-    y: y3,
-    ...options,
-    dx: anchor === "left" ? +dx - offset + +insetLeft : +dx + offset - insetRight,
-    anchor: "start",
-    length: tickSize,
-    shape: anchor === "left" ? shapeTickLeft : shapeTickRight
-  });
+  return axisMark(
+    vectorY,
+    k2,
+    data,
+    {
+      ariaLabel: `${k2}-axis tick`,
+      ariaHidden: true
+    },
+    {
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      facetAnchor,
+      frameAnchor,
+      y: y3,
+      ...options,
+      dx: anchor === "left" ? +dx - offset + +insetLeft : +dx + offset - insetRight,
+      anchor: "start",
+      length: tickSize,
+      shape: anchor === "left" ? shapeTickLeft : shapeTickRight
+    }
+  );
 }
 function axisTickKx(k2, anchor, data, {
   strokeWidth = 1,
@@ -33207,19 +33200,28 @@ function axisTickKx(k2, anchor, data, {
   x: x3 = k2 === "x" ? void 0 : null,
   ...options
 }) {
-  return axisMark(vectorX, k2, anchor, `${k2}-axis tick`, data, {
-    strokeWidth,
-    strokeLinejoin,
-    strokeLinecap,
-    facetAnchor,
-    frameAnchor,
-    x: x3,
-    ...options,
-    dy: anchor === "bottom" ? +dy - offset - insetBottom : +dy + offset + +insetTop,
-    anchor: "start",
-    length: tickSize,
-    shape: anchor === "bottom" ? shapeTickBottom : shapeTickTop
-  });
+  return axisMark(
+    vectorX,
+    k2,
+    data,
+    {
+      ariaLabel: `${k2}-axis tick`,
+      ariaHidden: true
+    },
+    {
+      strokeWidth,
+      strokeLinejoin,
+      strokeLinecap,
+      facetAnchor,
+      frameAnchor,
+      x: x3,
+      ...options,
+      dy: anchor === "bottom" ? +dy - offset - insetBottom : +dy + offset + +insetTop,
+      anchor: "start",
+      length: tickSize,
+      shape: anchor === "bottom" ? shapeTickBottom : shapeTickTop
+    }
+  );
 }
 function axisTextKy(k2, anchor, data, {
   facetAnchor = anchor + (k2 === "y" ? "-empty" : ""),
@@ -33241,9 +33243,8 @@ function axisTextKy(k2, anchor, data, {
   return axisMark(
     textY,
     k2,
-    anchor,
-    `${k2}-axis tick label`,
     data,
+    { ariaLabel: `${k2}-axis tick label` },
     {
       facetAnchor,
       frameAnchor,
@@ -33284,9 +33285,8 @@ function axisTextKx(k2, anchor, data, {
   return axisMark(
     textX,
     k2,
-    anchor,
-    `${k2}-axis tick label`,
     data,
+    { ariaLabel: `${k2}-axis tick label` },
     {
       facetAnchor,
       frameAnchor,
@@ -33330,7 +33330,7 @@ function gridKy(k2, anchor, data, {
   x2: x22 = anchor === "right" ? x3 : null,
   ...options
 }) {
-  return axisMark(ruleY, k2, anchor, `${k2}-grid`, data, { y: y3, x1: x12, x2: x22, ...gridDefaults(options) });
+  return axisMark(ruleY, k2, data, { ariaLabel: `${k2}-grid`, ariaHidden: true }, { y: y3, x1: x12, x2: x22, ...gridDefaults(options) });
 }
 function gridKx(k2, anchor, data, {
   x: x3 = k2 === "x" ? void 0 : null,
@@ -33339,7 +33339,7 @@ function gridKx(k2, anchor, data, {
   y2: y22 = anchor === "bottom" ? y3 : null,
   ...options
 }) {
-  return axisMark(ruleX, k2, anchor, `${k2}-grid`, data, { x: x3, y1: y12, y2: y22, ...gridDefaults(options) });
+  return axisMark(ruleX, k2, data, { ariaLabel: `${k2}-grid`, ariaHidden: true }, { x: x3, y1: y12, y2: y22, ...gridDefaults(options) });
 }
 function gridDefaults({
   color: color3 = "currentColor",
@@ -33384,7 +33384,7 @@ function labelOptions({
     initializer: initializer2
   };
 }
-function axisMark(mark, k2, anchor, ariaLabel, data, options, initialize) {
+function axisMark(mark, k2, data, properties, options, initialize) {
   let channels;
   function axisInitializer(data2, facets, _channels, scales2, dimensions, context) {
     const initializeFacets = data2 == null && (k2 === "fx" || k2 === "fy");
@@ -33456,7 +33456,8 @@ function axisMark(mark, k2, anchor, ariaLabel, data, options, initialize) {
   } else {
     channels = {};
   }
-  m.ariaLabel = ariaLabel;
+  if (properties !== void 0)
+    Object.assign(m, properties);
   if (m.clip === void 0)
     m.clip = false;
   return m;
@@ -34356,7 +34357,6 @@ function plot(options = {}) {
   }
   figure.scale = exposeScales(scales2.scales);
   figure.legend = exposeLegends(scaleDescriptors, context, options);
-  figure.projection = context.projection;
   const w = consumeWarnings();
   if (w > 0) {
     select_default2(svg).append("text").attr("x", width).attr("y", 20).attr("dy", "-1em").attr("text-anchor", "end").attr("font-family", "initial").text("\u26A0\uFE0F").append("title").text(`${w.toLocaleString("en-US")} warning${w === 1 ? "" : "s"}. Please check the console.`);
@@ -34886,6 +34886,8 @@ function binn(bx, by, gx, gy, {
         for (const [f, I] of maybeGroup(facet, G)) {
           for (const [k3, g] of maybeGroup(I, K2)) {
             for (const [b, extent4] of bin3(g)) {
+              if (G)
+                extent4.z = f;
               if (filter3 && !filter3.reduce(b, extent4))
                 continue;
               groupFacet.push(i++);
@@ -34905,7 +34907,7 @@ function binn(bx, by, gx, gy, {
               for (const o of outputs)
                 o.reduce(b, extent4);
               if (sort3)
-                sort3.reduce(b);
+                sort3.reduce(b, extent4);
             }
           }
         }
@@ -35072,6 +35074,8 @@ function maybeBinReduceFallback(reduce) {
       return reduceY1;
     case "y2":
       return reduceY22;
+    case "z":
+      return reduceZ;
   }
   throw new Error(`invalid bin reduce: ${reduce}`);
 }