@uwdata/vgplot 0.5.0 → 0.6.0

package/dist/vgplot.js

@@ -12819,8 +12819,7 @@ var castInteger = (expr) => cast(expr, "INTEGER");
 
 // ../sql/src/datetime.js
 var epoch_ms = (expr) => {
-  const d = asColumn(expr);
-  return sql`(1000 * (epoch(${d}) - second(${d})) + millisecond(${d}))::DOUBLE`;
+  return sql`epoch_ms(${asColumn(expr)})`;
 };
 var dateMonth = (expr) => {
   const d = asColumn(expr);
@@ -13241,6 +13240,89 @@ function isDoubleQuoted(s2) {
   return s2[0] === '"' && s2[s2.length - 1] === '"';
 }
 
+// ../sql/src/scales.js
+var identity = (x4) => x4;
+function scaleLinear() {
+  return {
+    apply: identity,
+    invert: identity,
+    sqlApply: asColumn,
+    sqlInvert: identity
+  };
+}
+function scaleLog({ base } = {}) {
+  if (base == null || base === Math.E) {
+    return {
+      apply: Math.log,
+      invert: Math.exp,
+      sqlApply: (c4) => sql`LN(${asColumn(c4)})`,
+      sqlInvert: (c4) => sql`EXP(${c4})`
+    };
+  } else if (base === 10) {
+    return {
+      apply: Math.log10,
+      invert: (x4) => Math.pow(10, x4),
+      sqlApply: (c4) => sql`LOG(${asColumn(c4)})`,
+      sqlInvert: (c4) => sql`POW(10, ${c4})`
+    };
+  } else {
+    const b2 = +base;
+    return {
+      apply: (x4) => Math.log(x4) / Math.log(b2),
+      invert: (x4) => Math.pow(b2, x4),
+      sqlApply: (c4) => sql`LN(${asColumn(c4)}) / LN(${b2})`,
+      sqlInvert: (c4) => sql`POW(${b2}, ${c4})`
+    };
+  }
+}
+function scaleSymlog({ constant: constant2 = 1 } = {}) {
+  const _2 = +constant2;
+  return {
+    apply: (x4) => Math.sign(x4) * Math.log1p(Math.abs(x4)),
+    invert: (x4) => Math.sign(x4) * Math.exp(Math.abs(x4) - _2),
+    sqlApply: (c4) => (c4 = asColumn(c4), sql`SIGN(${c4}) * LN(${_2} + ABS(${c4}))`),
+    sqlInvert: (c4) => sql`SIGN(${c4}) * (EXP(ABS(${c4})) - ${_2})`
+  };
+}
+function scaleSqrt() {
+  return {
+    apply: (x4) => Math.sign(x4) * Math.sqrt(Math.abs(x4)),
+    invert: (x4) => Math.sign(x4) * x4 * x4,
+    sqlApply: (c4) => (c4 = asColumn(c4), sql`SIGN(${c4}) * SQRT(ABS(${c4}))`),
+    sqlInvert: (c4) => sql`SIGN(${c4}) * (${c4}) ** 2`
+  };
+}
+function scalePow({ exponent = 1 } = {}) {
+  const e = +exponent;
+  return {
+    apply: (x4) => Math.sign(x4) * Math.pow(Math.abs(x4), e),
+    invert: (x4) => Math.sign(x4) * Math.pow(Math.abs(x4), 1 / e),
+    sqlApply: (c4) => (c4 = asColumn(c4), sql`SIGN(${c4}) * POW(ABS(${c4}), ${e})`),
+    sqlInvert: (c4) => sql`SIGN(${c4}) * POW(ABS(${c4}), 1/${e})`
+  };
+}
+function scaleTime() {
+  return {
+    apply: (x4) => +x4,
+    invert: (x4) => new Date(x4),
+    sqlApply: (c4) => c4 instanceof Date ? +c4 : epoch_ms(asColumn(c4)),
+    sqlInvert: identity
+  };
+}
+var scales = {
+  linear: scaleLinear,
+  log: scaleLog,
+  symlog: scaleSymlog,
+  sqrt: scaleSqrt,
+  pow: scalePow,
+  time: scaleTime,
+  utc: scaleTime
+};
+function scaleTransform(options) {
+  const scale3 = scales[options.type];
+  return scale3 ? { ...options, ...scale3(options) } : null;
+}
+
 // ../sql/src/load/create.js
 function create(name2, query, {
   replace = false,
@@ -13482,7 +13564,6 @@ function fnv_mix(a3) {
 }
 
 // ../core/src/DataCubeIndexer.js
-var identity = (x4) => x4;
 var DataCubeIndexer = class {
   /**
    *
@@ -13575,10 +13656,10 @@ function getActiveView(clause) {
   let columns = clause.predicate?.columns;
   if (!schema || !columns)
     return null;
-  const { type: type2, scales, pixelSize = 1 } = schema;
+  const { type: type2, scales: scales2, pixelSize = 1 } = schema;
   let predicate;
-  if (type2 === "interval" && scales) {
-    const bins2 = scales.map((s2) => binInterval(s2, pixelSize));
+  if (type2 === "interval" && scales2) {
+    const bins2 = scales2.map((s2) => binInterval(s2, pixelSize));
     if (bins2.some((b2) => b2 == null))
       return null;
     if (bins2.length === 1) {
@@ -13591,7 +13672,7 @@ function getActiveView(clause) {
       );
     }
   } else if (type2 === "point") {
-    predicate = identity;
+    predicate = (x4) => x4;
     columns = Object.fromEntries(columns.map((col) => [col.toString(), col]));
   } else {
     return null;
@@ -13599,39 +13680,15 @@ function getActiveView(clause) {
   return { source, columns, predicate };
 }
 function binInterval(scale3, pixelSize) {
-  const { type: type2, domain, range: range3 } = scale3;
-  let lift, toSql;
-  switch (type2) {
-    case "linear":
-      lift = identity;
-      toSql = asColumn;
-      break;
-    case "log":
-      lift = Math.log;
-      toSql = (c4) => sql`LN(${asColumn(c4)})`;
-      break;
-    case "symlog":
-      lift = (x4) => Math.sign(x4) * Math.log1p(Math.abs(x4));
-      toSql = (c4) => (c4 = asColumn(c4), sql`SIGN(${c4}) * LN(1 + ABS(${c4}))`);
-      break;
-    case "sqrt":
-      lift = Math.sqrt;
-      toSql = (c4) => sql`SQRT(${asColumn(c4)})`;
-      break;
-    case "utc":
-    case "time":
-      lift = (x4) => +x4;
-      toSql = (c4) => c4 instanceof Date ? +c4 : epoch_ms(asColumn(c4));
-      break;
+  const { apply: apply2, sqlApply } = scaleTransform(scale3);
+  if (apply2) {
+    const { domain, range: range3 } = scale3;
+    const lo = apply2(Math.min(...domain));
+    const hi = apply2(Math.max(...domain));
+    const a3 = Math.abs(range3[1] - range3[0]) / (hi - lo) / pixelSize;
+    const s2 = pixelSize === 1 ? "" : `${pixelSize}::INTEGER * `;
+    return (value) => sql`${s2}FLOOR(${a3}::DOUBLE * (${sqlApply(value)} - ${lo}::DOUBLE))::INTEGER`;
   }
-  return lift ? binFunction(domain, range3, pixelSize, lift, toSql) : null;
-}
-function binFunction(domain, range3, pixelSize, lift, toSql) {
-  const lo = lift(Math.min(domain[0], domain[1]));
-  const hi = lift(Math.max(domain[0], domain[1]));
-  const a3 = Math.abs(lift(range3[1]) - lift(range3[0])) / (hi - lo) / pixelSize;
-  const s2 = pixelSize === 1 ? "" : `${pixelSize}::INTEGER * `;
-  return (value) => sql`${s2}FLOOR(${a3}::DOUBLE * (${toSql(value)} - ${lo}::DOUBLE))::INTEGER`;
 }
 var NO_INDEX = { from: NaN };
 function getIndexColumns(client) {
@@ -15585,8 +15642,11 @@ __export(api_exports, {
   centroidX: () => centroidX,
   centroidY: () => centroidY,
   circle: () => circle2,
+  colorBase: () => colorBase,
   colorClamp: () => colorClamp,
+  colorConstant: () => colorConstant2,
   colorDomain: () => colorDomain,
+  colorExponent: () => colorExponent,
   colorInterpolate: () => colorInterpolate,
   colorLabel: () => colorLabel,
   colorLegend: () => colorLegend,
@@ -15595,8 +15655,8 @@ __export(api_exports, {
   colorPivot: () => colorPivot,
   colorRange: () => colorRange,
   colorReverse: () => colorReverse,
-  colorScale: () => colorScale,
-  colorScheme: () => colorScheme,
+  colorScale: () => colorScale2,
+  colorScheme: () => colorScheme2,
   colorSymmetric: () => colorSymmetric,
   colorTickFormat: () => colorTickFormat,
   colorZero: () => colorZero,
@@ -15630,6 +15690,7 @@ __export(api_exports, {
   facetMarginLeft: () => facetMarginLeft,
   facetMarginRight: () => facetMarginRight,
   facetMarginTop: () => facetMarginTop,
+  first: () => first,
   first_value: () => first_value,
   frame: () => frame3,
   from: () => from,
@@ -15698,6 +15759,7 @@ __export(api_exports, {
   gt: () => gt,
   gte: () => gte,
   hconcat: () => hconcat,
+  heatmap: () => heatmap,
   height: () => height,
   hexagon: () => hexagon2,
   hexbin: () => hexbin2,
@@ -15722,8 +15784,11 @@ __export(api_exports, {
   last: () => last,
   last_value: () => last_value,
   lead: () => lead,
+  lengthBase: () => lengthBase,
   lengthClamp: () => lengthClamp,
+  lengthConstant: () => lengthConstant,
   lengthDomain: () => lengthDomain,
+  lengthExponent: () => lengthExponent,
   lengthNice: () => lengthNice,
   lengthRange: () => lengthRange,
   lengthScale: () => lengthScale,
@@ -15760,8 +15825,11 @@ __export(api_exports, {
   not: () => not,
   nth_value: () => nth_value,
   ntile: () => ntile,
+  opacityBase: () => opacityBase,
   opacityClamp: () => opacityClamp,
+  opacityConstant: () => opacityConstant,
   opacityDomain: () => opacityDomain,
+  opacityExponent: () => opacityExponent,
   opacityLabel: () => opacityLabel,
   opacityLegend: () => opacityLegend,
   opacityNice: () => opacityNice,
@@ -15793,14 +15861,17 @@ __export(api_exports, {
   projectionRotate: () => projectionRotate,
   projectionType: () => projectionType,
   quantile: () => quantile,
+  rBase: () => rBase,
   rClamp: () => rClamp,
+  rConstant: () => rConstant,
   rDomain: () => rDomain,
+  rExponent: () => rExponent,
   rNice: () => rNice,
   rRange: () => rRange,
   rScale: () => rScale,
   rZero: () => rZero,
   rank: () => rank,
-  raster: () => raster3,
+  raster: () => raster2,
   rasterTile: () => rasterTile,
   rect: () => rect2,
   rectX: () => rectX2,
@@ -15846,8 +15917,11 @@ __export(api_exports, {
   xAriaDescription: () => xAriaDescription,
   xAriaLabel: () => xAriaLabel,
   xAxis: () => xAxis,
+  xBase: () => xBase,
   xClamp: () => xClamp,
+  xConstant: () => xConstant,
   xDomain: () => xDomain,
+  xExponent: () => xExponent,
   xFontVariant: () => xFontVariant,
   xGrid: () => xGrid,
   xInset: () => xInset,
@@ -15877,8 +15951,11 @@ __export(api_exports, {
   yAriaDescription: () => yAriaDescription,
   yAriaLabel: () => yAriaLabel,
   yAxis: () => yAxis,
+  yBase: () => yBase,
   yClamp: () => yClamp,
+  yConstant: () => yConstant,
   yDomain: () => yDomain,
+  yExponent: () => yExponent,
   yFontVariant: () => yFontVariant,
   yGrid: () => yGrid,
   yInset: () => yInset,
@@ -30437,10 +30514,10 @@ function createChannels(channels, data) {
     Object.entries(channels).map(([name2, channel]) => [name2, createChannel(data, channel, name2)])
   );
 }
-function valueObject(channels, scales) {
+function valueObject(channels, scales2) {
   const values2 = Object.fromEntries(
     Object.entries(channels).map(([name2, { scale: scaleName, value }]) => {
-      const scale3 = scaleName == null ? null : scales[scaleName];
+      const scale3 = scaleName == null ? null : scales2[scaleName];
       return [name2, scale3 == null ? value : map2(value, scale3)];
     })
   );
@@ -31242,14 +31319,14 @@ function projectionAspectRatio(projection3) {
   }
   return defaultAspectRatio;
 }
-function applyPosition(channels, scales, { projection: projection3 }) {
+function applyPosition(channels, scales2, { projection: projection3 }) {
   const { x: x4, y: y4 } = channels;
   let position3 = {};
   if (x4)
     position3.x = x4;
   if (y4)
     position3.y = y4;
-  position3 = valueObject(position3, scales);
+  position3 = valueObject(position3, scales2);
   if (projection3 && x4?.scale === "x" && y4?.scale === "y")
     project("x", "y", position3, projection3);
   if (x4)
@@ -31987,7 +32064,7 @@ function createScales(channelsByScale, {
   facet: { label: facetLabel2 = globalLabel } = {},
   ...options
 } = {}) {
-  const scales = {};
+  const scales2 = {};
   for (const [key, channels] of channelsByScale) {
     const scaleOptions = options[key];
     const scale3 = createScale(key, channels, {
@@ -32030,17 +32107,17 @@ function createScales(channelsByScale, {
         scale3.insetTop = +insetTop;
         scale3.insetBottom = +insetBottom;
       }
-      scales[key] = scale3;
+      scales2[key] = scale3;
     }
   }
-  return scales;
+  return scales2;
 }
 function createScaleFunctions(descriptors) {
-  const scales = {};
-  const scaleFunctions = { scales };
+  const scales2 = {};
+  const scaleFunctions = { scales: scales2 };
   for (const [key, descriptor] of Object.entries(descriptors)) {
     const { scale: scale3, type: type2, interval: interval2, label: label2 } = descriptor;
-    scales[key] = exposeScale(descriptor);
+    scales2[key] = exposeScale(descriptor);
     scaleFunctions[key] = scale3;
     scale3.type = type2;
     if (interval2 != null)
@@ -32050,14 +32127,14 @@ function createScaleFunctions(descriptors) {
   }
   return scaleFunctions;
 }
-function autoScaleRange(scales, dimensions) {
-  const { x: x4, y: y4, fx, fy } = scales;
+function autoScaleRange(scales2, dimensions) {
+  const { x: x4, y: y4, fx, fy } = scales2;
   const superdimensions = fx || fy ? outerDimensions(dimensions) : dimensions;
   if (fx)
     autoScaleRangeX(fx, superdimensions);
   if (fy)
     autoScaleRangeY(fy, superdimensions);
-  const subdimensions = fx || fy ? innerDimensions(scales, dimensions) : dimensions;
+  const subdimensions = fx || fy ? innerDimensions(scales2, dimensions) : dimensions;
   if (x4)
     autoScaleRangeX(x4, subdimensions);
   if (y4)
@@ -32400,11 +32477,11 @@ function scale2(options = {}) {
     throw new Error("invalid scale definition; no scale found");
   return scale3;
 }
-function exposeScales(scales) {
+function exposeScales(scales2) {
   return (key) => {
     if (!registry.has(key = `${key}`))
       throw new Error(`unknown scale: ${key}`);
-    return scales[key];
+    return scales2[key];
   };
 }
 function exposeScale({ scale: scale3, type: type2, domain, range: range3, interpolate, interval: interval2, transform: transform3, percent, pivot }) {
@@ -32444,7 +32521,7 @@ function exposeScale({ scale: scale3, type: type2, domain, range: range3, interp
 }
 
 // ../../node_modules/@observablehq/plot/src/dimensions.js
-function createDimensions(scales, marks2, options = {}) {
+function createDimensions(scales2, marks2, options = {}) {
   let marginTopDefault = 0.5 - offset, marginRightDefault = 0.5 + offset, marginBottomDefault = 0.5 + offset, marginLeftDefault = 0.5 - offset;
   for (const { marginTop: marginTop3, marginRight: marginRight3, marginBottom: marginBottom3, marginLeft: marginLeft3 } of marks2) {
     if (marginTop3 > marginTopDefault)
@@ -32469,7 +32546,7 @@ function createDimensions(scales, marks2, options = {}) {
   marginLeft2 = +marginLeft2;
   let {
     width: width2 = 640,
-    height: height2 = autoHeight(scales, options, {
+    height: height2 = autoHeight(scales2, options, {
       width: width2,
       marginTopDefault,
       marginRightDefault,
@@ -32487,7 +32564,7 @@ function createDimensions(scales, marks2, options = {}) {
     marginBottom: marginBottom2,
     marginLeft: marginLeft2
   };
-  if (scales.fx || scales.fy) {
+  if (scales2.fx || scales2.fy) {
     let {
       margin: facetMargin2,
       marginTop: facetMarginTop2 = facetMargin2 !== void 0 ? facetMargin2 : marginTop2,
@@ -32833,8 +32910,8 @@ var Mark = class {
       }
     }
   }
-  scale(channels, scales, context) {
-    const values2 = valueObject(channels, scales);
+  scale(channels, scales2, context) {
+    const values2 = valueObject(channels, scales2);
     if (context.projection)
       this.project(channels, values2, context);
     return values2;
@@ -32892,7 +32969,7 @@ function pointerK(kx2, ky2, { x: x4, y: y4, px, py, maxRadius = 40, channels, re
     // Unlike other composed transforms, the render transform must be the
     // outermost render function because it will re-render dynamically in
     // response to pointer events.
-    render: composeRender(function(index2, scales, values2, dimensions, context, next) {
+    render: composeRender(function(index2, scales2, values2, dimensions, context, next) {
       context = { ...context, pointerSticky: false };
       const svg = context.ownerSVGElement;
       const { data } = context.getMarkState(this);
@@ -32900,7 +32977,7 @@ function pointerK(kx2, ky2, { x: x4, y: y4, px, py, maxRadius = 40, channels, re
       if (!state)
         states.set(svg, state = { sticky: false, roots: [], renders: [] });
       let renderIndex = state.renders.push(render2) - 1;
-      const { x: x5, y: y5, fx, fy } = scales;
+      const { x: x5, y: y5, fx, fy } = scales2;
       let tx = fx ? fx(index2.fx) - dimensions.marginLeft : 0;
       let ty = fy ? fy(index2.fy) - dimensions.marginTop : 0;
       if (x5?.bandwidth)
@@ -32956,7 +33033,7 @@ function pointerK(kx2, ky2, { x: x4, y: y4, px, py, maxRadius = 40, channels, re
         const I2 = i == null ? [] : [i];
         if (faceted)
           I2.fx = index2.fx, I2.fy = index2.fy, I2.fi = index2.fi;
-        const r = next(I2, scales, values2, dimensions, context);
+        const r = next(I2, scales2, values2, dimensions, context);
         if (g2) {
           if (faceted) {
             const p2 = g2.parentNode;
@@ -33328,8 +33405,8 @@ var RuleX = class extends Mark {
     this.insetBottom = number5(insetBottom);
     markers(this, options);
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x: X3, y1: Y13, y2: Y24 } = channels;
     const { width: width2, height: height2, marginTop: marginTop2, marginRight: marginRight2, marginLeft: marginLeft2, marginBottom: marginBottom2 } = dimensions;
     const { insetTop, insetBottom } = this;
@@ -33358,8 +33435,8 @@ var RuleY = class extends Mark {
     this.insetLeft = number5(insetLeft);
     markers(this, options);
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { y: Y3, x1: X13, x2: X24 } = channels;
     const { width: width2, height: height2, marginTop: marginTop2, marginRight: marginRight2, marginLeft: marginLeft2, marginBottom: marginBottom2 } = dimensions;
     const { insetLeft, insetRight } = this;
@@ -33481,8 +33558,8 @@ var Text = class extends Mark {
     this.splitLines = splitter2(this);
     this.clipLine = clipper(this);
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x: X3, y: Y3, rotate: R2, text: T, title: TL, fontSize: FS } = channels;
     const { rotate } = this;
     const [cx, cy] = applyFrameAnchor(this, dimensions);
@@ -33905,8 +33982,8 @@ var Vector2 = class extends Mark {
     this.anchor = keyword(anchor, "anchor", ["start", "middle", "end"]);
     this.frameAnchor = maybeFrameAnchor(frameAnchor);
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x: X3, y: Y3, length: L2, rotate: A5 } = channels;
     const { length: length4, rotate, anchor, shape, r } = this;
     const [cx, cy] = applyFrameAnchor(this, dimensions);
@@ -34058,8 +34135,8 @@ function axisKy(k3, anchor, data, {
     }) : null,
     !isNoneish(fill) && label2 !== null ? text(
       [],
-      labelOptions({ fill, fillOpacity, ...options }, function(data2, facets, channels, scales, dimensions) {
-        const scale3 = scales[k3];
+      labelOptions({ fill, fillOpacity, ...options }, function(data2, facets, channels, scales2, dimensions) {
+        const scale3 = scales2[k3];
         const { marginTop: marginTop3, marginRight: marginRight3, marginBottom: marginBottom3, marginLeft: marginLeft3 } = k3 === "y" && dimensions.inset || dimensions;
         const cla = labelAnchor ?? (scale3.bandwidth ? "center" : "top");
         const clo = labelOffset ?? (anchor === "right" ? marginRight3 : marginLeft3) - 3;
@@ -34148,8 +34225,8 @@ function axisKx(k3, anchor, data, {
     }) : null,
     !isNoneish(fill) && label2 !== null ? text(
       [],
-      labelOptions({ fill, fillOpacity, ...options }, function(data2, facets, channels, scales, dimensions) {
-        const scale3 = scales[k3];
+      labelOptions({ fill, fillOpacity, ...options }, function(data2, facets, channels, scales2, dimensions) {
+        const scale3 = scales2[k3];
         const { marginTop: marginTop3, marginRight: marginRight3, marginBottom: marginBottom3, marginLeft: marginLeft3 } = k3 === "x" && dimensions.inset || dimensions;
         const cla = labelAnchor ?? (scale3.bandwidth ? "center" : "right");
         const clo = labelOffset ?? (anchor === "top" ? marginTop3 : marginBottom3) - 3;
@@ -34393,9 +34470,9 @@ function labelOptions({
 }
 function axisMark(mark2, k3, anchor, ariaLabel, data, options, initialize) {
   let channels;
-  function axisInitializer(data2, facets, _channels, scales, dimensions, context) {
+  function axisInitializer(data2, facets, _channels, scales2, dimensions, context) {
     const initializeFacets = data2 == null && (k3 === "fx" || k3 === "fy");
-    const { [k3]: scale3 } = scales;
+    const { [k3]: scale3 } = scales2;
     if (!scale3)
       throw new Error(`missing scale: ${k3}`);
     const domain = scale3.domain();
@@ -34682,13 +34759,13 @@ function legend(options = {}) {
   }
   throw new Error("unknown legend type; no scale found");
 }
-function exposeLegends(scales, context, defaults23 = {}) {
+function exposeLegends(scales2, context, defaults23 = {}) {
   return (key, options) => {
     if (!legendRegistry.has(key))
       throw new Error(`unknown legend type: ${key}`);
-    if (!(key in scales))
+    if (!(key in scales2))
       return;
-    return legendRegistry.get(key)(scales[key], legendOptions(context, defaults23[key], options), (key2) => scales[key2]);
+    return legendRegistry.get(key)(scales2[key], legendOptions(context, defaults23[key], options), (key2) => scales2[key2]);
   };
 }
 function legendOptions({ className, ...context }, { label: label2, ticks: ticks2, tickFormat: tickFormat2 } = {}, options) {
@@ -34721,12 +34798,12 @@ function interpolateOpacity(color3) {
   const { r, g: g2, b: b2 } = rgb(color3) || rgb(0, 0, 0);
   return (t) => `rgba(${r},${g2},${b2},${t})`;
 }
-function createLegends(scales, context, options) {
+function createLegends(scales2, context, options) {
   const legends = [];
   for (const [key, value] of legendRegistry) {
     const o = options[key];
-    if (o?.legend && key in scales) {
-      const legend3 = value(scales[key], legendOptions(context, scales[key], o), (key2) => scales[key2]);
+    if (o?.legend && key in scales2) {
+      const legend3 = value(scales2[key], legendOptions(context, scales2[key], o), (key2) => scales2[key2]);
       if (legend3 != null)
         legends.push(legend3);
     }
@@ -34769,7 +34846,7 @@ var Frame = class extends Mark {
     this.rx = number5(rx);
     this.ry = number5(ry);
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { marginTop: marginTop2, marginRight: marginRight2, marginBottom: marginBottom2, marginLeft: marginLeft2, width: width2, height: height2 } = dimensions;
     const { anchor, insetTop, insetRight, insetBottom, insetLeft, rx, ry } = this;
     const x12 = marginLeft2 + insetLeft;
@@ -34864,9 +34941,9 @@ var Tip = class extends Mark {
     this.clipLine = clipper(this);
     this.format = { ...format3 };
   }
-  render(index2, scales, values2, dimensions, context) {
+  render(index2, scales2, values2, dimensions, context) {
     const mark2 = this;
-    const { x: x4, y: y4, fx, fy } = scales;
+    const { x: x4, y: y4, fx, fy } = scales2;
     const { ownerSVGElement: svg, document: document2 } = context;
     const { anchor, monospace, lineHeight, lineWidth } = this;
     const { textPadding: r, pointerSize: m2, pathFilter } = this;
@@ -34884,7 +34961,7 @@ var Tip = class extends Mark {
       sources = values2.channels;
       format3 = formatTitle;
     } else {
-      sources = getSourceChannels.call(this, values2, scales);
+      sources = getSourceChannels.call(this, values2, scales2);
       format3 = formatChannels;
     }
     const g2 = create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyIndirectTextStyles, this).call(applyTransform, this, { x: X3 && x4, y: Y3 && y4 }).call(
@@ -34894,7 +34971,7 @@ var Tip = class extends Mark {
           this.setAttribute("fill", "currentColor");
           this.setAttribute("fill-opacity", 1);
           this.setAttribute("stroke", "none");
-          const lines = format3.call(mark2, i, index2, sources, scales, values2);
+          const lines = format3.call(mark2, i, index2, sources, scales2, values2);
           if (typeof lines === "string") {
             for (const line3 of mark2.splitLines(lines)) {
               renderLine(that, { value: mark2.clipLine(line3) });
@@ -35032,7 +35109,7 @@ function getPath(anchor, m2, r, width2, height2) {
       return `M0,0l${m2 / 2},${-m2 / 2}v${m2 / 2 - h2 / 2}h${w}v${h2}h${-w}v${m2 / 2 - h2 / 2}z`;
   }
 }
-function getSourceChannels({ channels }, scales) {
+function getSourceChannels({ channels }, scales2) {
   const sources = {};
   let format3 = this.format;
   format3 = maybeExpandPairedFormat(format3, channels, "x");
@@ -35058,18 +35135,18 @@ function getSourceChannels({ channels }, scales) {
       sources[key] = source;
   }
   if (this.facet) {
-    if (scales.fx && !("fx" in format3))
+    if (scales2.fx && !("fx" in format3))
       sources.fx = true;
-    if (scales.fy && !("fy" in format3))
+    if (scales2.fy && !("fy" in format3))
       sources.fy = true;
   }
   for (const key in sources) {
     const format4 = this.format[key];
     if (typeof format4 === "string") {
-      const value = sources[key]?.value ?? scales[key]?.domain() ?? [];
+      const value = sources[key]?.value ?? scales2[key]?.domain() ?? [];
       this.format[key] = (isTemporal(value) ? utcFormat : format)(format4);
     } else if (format4 === void 0 || format4 === true) {
-      const scale3 = scales[key];
+      const scale3 = scales2[key];
       this.format[key] = scale3?.bandwidth ? inferTickFormat(scale3, scale3.domain()) : formatDefault;
     }
   }
@@ -35090,11 +35167,11 @@ function maybeExpandPairedFormat(format3, channels, key) {
 function formatTitle(i, index2, { title }) {
   return formatDefault(title.value[i], i);
 }
-function* formatChannels(i, index2, channels, scales, values2) {
+function* formatChannels(i, index2, channels, scales2, values2) {
   for (const key in channels) {
     if (key === "fx" || key === "fy") {
       yield {
-        label: formatLabel(scales, channels, key),
+        label: formatLabel(scales2, channels, key),
         value: this.format[key](index2[key], i)
       };
       continue;
@@ -35106,12 +35183,12 @@ function* formatChannels(i, index2, channels, scales, values2) {
     const channel = channels[key];
     if (key === "x2" && "x1" in channels) {
       yield {
-        label: formatPairLabel(scales, channels, "x"),
+        label: formatPairLabel(scales2, channels, "x"),
         value: formatPair(this.format.x2, channels.x1, channel, i)
       };
     } else if (key === "y2" && "y1" in channels) {
       yield {
-        label: formatPairLabel(scales, channels, "y"),
+        label: formatPairLabel(scales2, channels, "y"),
         value: formatPair(this.format.y2, channels.y1, channel, i)
       };
     } else {
@@ -35120,7 +35197,7 @@ function* formatChannels(i, index2, channels, scales, values2) {
       if (!defined(value) && scale3 == null)
         continue;
       yield {
-        label: formatLabel(scales, channels, key),
+        label: formatLabel(scales2, channels, key),
         value: this.format[key](value, i),
         color: scale3 === "color" ? values2[key][i] : null,
         opacity: scale3 === "opacity" ? values2[key][i] : null
@@ -35131,14 +35208,14 @@ function* formatChannels(i, index2, channels, scales, values2) {
 function formatPair(formatValue, c1, c22, i) {
   return c22.hint?.length ? `${formatValue(c22.value[i] - c1.value[i], i)}` : `${formatValue(c1.value[i], i)}\u2013${formatValue(c22.value[i], i)}`;
 }
-function formatPairLabel(scales, channels, key) {
-  const l1 = formatLabel(scales, channels, `${key}1`, key);
-  const l2 = formatLabel(scales, channels, `${key}2`, key);
+function formatPairLabel(scales2, channels, key) {
+  const l1 = formatLabel(scales2, channels, `${key}1`, key);
+  const l2 = formatLabel(scales2, channels, `${key}2`, key);
   return l1 === l2 ? l1 : `${l1}\u2013${l2}`;
 }
-function formatLabel(scales, channels, key, defaultLabel = key) {
+function formatLabel(scales2, channels, key, defaultLabel = key) {
   const channel = channels[key];
-  const scale3 = scales[channel?.scale ?? key];
+  const scale3 = scales2[channel?.scale ?? key];
   return String(scale3?.label ?? channel?.label ?? defaultLabel);
 }
 
@@ -35213,10 +35290,10 @@ function plot(options = {}) {
   const scaleDescriptors = createScales(addScaleChannels(channelsByScale, stateByMark, options), options);
   const dimensions = createDimensions(scaleDescriptors, marks2, options);
   autoScaleRange(scaleDescriptors, dimensions);
-  const scales = createScaleFunctions(scaleDescriptors);
-  const { fx, fy } = scales;
+  const scales2 = createScaleFunctions(scaleDescriptors);
+  const { fx, fy } = scales2;
   const subdimensions = fx || fy ? innerDimensions(scaleDescriptors, dimensions) : dimensions;
-  const superdimensions = fx || fy ? actualDimensions(scales, dimensions) : dimensions;
+  const superdimensions = fx || fy ? actualDimensions(scales2, dimensions) : dimensions;
   const context = createContext(options);
   const document2 = context.document;
   const svg = creator_default("svg").call(document2.documentElement);
@@ -35242,7 +35319,7 @@ function plot(options = {}) {
   for (const [mark2, state] of stateByMark) {
     if (mark2.initializer != null) {
       const dimensions2 = mark2.facet === "super" ? superdimensions : subdimensions;
-      const update2 = mark2.initializer(state.data, state.facets, state.channels, scales, dimensions2, context);
+      const update2 = mark2.initializer(state.data, state.facets, state.channels, scales2, dimensions2, context);
       if (update2.data !== void 0) {
         state.data = update2.data;
       }
@@ -35272,8 +35349,8 @@ function plot(options = {}) {
     const newScaleDescriptors = inheritScaleLabels(createScales(newChannelsByScale, options), scaleDescriptors);
     const { scales: newExposedScales, ...newScales } = createScaleFunctions(newScaleDescriptors);
     Object.assign(scaleDescriptors, newScaleDescriptors);
-    Object.assign(scales, newScales);
-    Object.assign(scales.scales, newExposedScales);
+    Object.assign(scales2, newScales);
+    Object.assign(scales2.scales, newExposedScales);
   }
   let facetDomains, facetTranslate;
   if (facets !== void 0) {
@@ -35282,7 +35359,7 @@ function plot(options = {}) {
     facetTranslate = facetTranslator(fx, fy, dimensions);
   }
   for (const [mark2, state] of stateByMark) {
-    state.values = mark2.scale(state.channels, scales, context);
+    state.values = mark2.scale(state.channels, scales2, context);
   }
   const { width: width2, height: height2 } = dimensions;
   select_default2(svg).attr("class", className).attr("fill", "currentColor").attr("font-family", "system-ui, sans-serif").attr("font-size", 10).attr("text-anchor", "middle").attr("width", width2).attr("height", height2).attr("viewBox", `0 0 ${width2} ${height2}`).attr("aria-label", ariaLabel).attr("aria-description", ariaDescription).call(
@@ -35313,7 +35390,7 @@ function plot(options = {}) {
         if (index2.length === 0)
           continue;
       }
-      const node = mark2.render(index2, scales, values2, superdimensions, context);
+      const node = mark2.render(index2, scales2, values2, superdimensions, context);
       if (node == null)
         continue;
       svg.appendChild(node);
@@ -35333,7 +35410,7 @@ function plot(options = {}) {
             index2 = subarray(index2);
           index2.fx = f2.x, index2.fy = f2.y, index2.fi = f2.i;
         }
-        const node = mark2.render(index2, scales, values2, subdimensions, context);
+        const node = mark2.render(index2, scales2, values2, subdimensions, context);
         if (node == null)
           continue;
         (g2 ??= select_default2(svg).append("g")).append(() => node).datum(f2);
@@ -35361,7 +35438,7 @@ function plot(options = {}) {
     if (caption != null)
       figure.append(createFigcaption(document2, caption));
   }
-  figure.scale = exposeScales(scales.scales);
+  figure.scale = exposeScales(scales2.scales);
   figure.legend = exposeLegends(scaleDescriptors, context, options);
   figure.projection = context.projection;
   const w = consumeWarnings();
@@ -35508,7 +35585,7 @@ function maybeMarkFacet(mark2, topFacetState, options) {
   }
 }
 function derive(mark2, options = {}) {
-  return initializer({ ...options, x: null, y: null }, (data, facets, channels, scales, dimensions, context) => {
+  return initializer({ ...options, x: null, y: null }, (data, facets, channels, scales2, dimensions, context) => {
     return context.getMarkState(mark2);
   });
 }
@@ -35683,10 +35760,10 @@ function hasPositionChannel(k3, marks2) {
   }
   return false;
 }
-function inheritScaleLabels(newScales, scales) {
+function inheritScaleLabels(newScales, scales2) {
   for (const key in newScales) {
     const newScale = newScales[key];
-    const scale3 = scales[key];
+    const scale3 = scales2[key];
     if (newScale.label === void 0 && scale3) {
       newScale.label = scale3.label;
     }
@@ -36574,9 +36651,9 @@ var Area = class extends Mark {
   filter(index2) {
     return index2;
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { x1: X13, y1: Y13, x2: X24 = X13, y2: Y24 = Y13 } = channels;
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales, 0, 0).call(
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales2, 0, 0).call(
       (g2) => g2.selectAll().data(groupIndex(index2, [X13, Y13, X24, Y24], this, channels)).enter().append("path").call(applyDirectStyles, this).call(applyGroupedChannelStyles, this, channels).attr(
         "d",
         area_default3().curve(this.curve).defined((i) => i >= 0).x0((i) => X13[i]).y0((i) => Y13[i]).x1((i) => X24[i]).y1((i) => Y24[i])
@@ -36627,10 +36704,10 @@ var Link = class extends Mark {
       super.project(channels, values2, context);
     }
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { x1: X13, y1: Y13, x2: X24 = X13, y2: Y24 = Y13 } = channels;
     const { curve } = this;
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales).call(
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales2).call(
       (g2) => g2.selectAll().data(index2).enter().append("path").call(applyDirectStyles, this).attr(
         "d",
         curve === curveAuto && context.projection ? sphereLink(context.projection, X13, Y13, X24, Y24) : (i) => {
@@ -36725,13 +36802,13 @@ var Arrow = class extends Mark {
     this.insetEnd = +insetEnd;
     this.sweep = maybeSweep(sweep);
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { x1: X13, y1: Y13, x2: X24 = X13, y2: Y24 = Y13, SW } = channels;
     const { strokeWidth, bend, headAngle, headLength, insetStart, insetEnd } = this;
     const sw = SW ? (i) => SW[i] : constant(strokeWidth === void 0 ? 1 : strokeWidth);
     const wingAngle = headAngle * radians3 / 2;
     const wingScale = headLength / 1.5;
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales).call(
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales2).call(
       (g2) => g2.selectAll().data(index2).enter().append("path").call(applyDirectStyles, this).attr("d", (i) => {
         let x12 = X13[i], y12 = Y13[i], x22 = X24[i], y22 = Y24[i];
         const lineLength = Math.hypot(x22 - x12, y22 - y12);
@@ -36820,17 +36897,17 @@ var AbstractBar = class extends Mark {
     this.rx = impliedString(rx, "auto");
     this.ry = impliedString(ry, "auto");
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { rx, ry } = this;
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(this._transform, this, scales).call(
-      (g2) => g2.selectAll().data(index2).enter().append("rect").call(applyDirectStyles, this).attr("x", this._x(scales, channels, dimensions)).attr("width", this._width(scales, channels, dimensions)).attr("y", this._y(scales, channels, dimensions)).attr("height", this._height(scales, channels, dimensions)).call(applyAttr, "rx", rx).call(applyAttr, "ry", ry).call(applyChannelStyles, this, channels)
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(this._transform, this, scales2).call(
+      (g2) => g2.selectAll().data(index2).enter().append("rect").call(applyDirectStyles, this).attr("x", this._x(scales2, channels, dimensions)).attr("width", this._width(scales2, channels, dimensions)).attr("y", this._y(scales2, channels, dimensions)).attr("height", this._height(scales2, channels, dimensions)).call(applyAttr, "rx", rx).call(applyAttr, "ry", ry).call(applyChannelStyles, this, channels)
     ).node();
   }
-  _x(scales, { x: X3 }, { marginLeft: marginLeft2 }) {
+  _x(scales2, { x: X3 }, { marginLeft: marginLeft2 }) {
     const { insetLeft } = this;
     return X3 ? (i) => X3[i] + insetLeft : marginLeft2 + insetLeft;
   }
-  _y(scales, { y: Y3 }, { marginTop: marginTop2 }) {
+  _y(scales2, { y: Y3 }, { marginTop: marginTop2 }) {
     const { insetTop } = this;
     return Y3 ? (i) => Y3[i] + insetTop : marginTop2 + insetTop;
   }
@@ -36988,8 +37065,8 @@ var Dot = class extends Mark {
       };
     }
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x: X3, y: Y3, r: R2, rotate: A5, symbol: S2 } = channels;
     const { r, rotate, symbol: symbol2 } = this;
     const [cx, cy] = applyFrameAnchor(this, dimensions);
@@ -37083,10 +37160,10 @@ var Line = class extends Mark {
       super.project(channels, values2, context);
     }
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { x: X3, y: Y3 } = channels;
     const { curve } = this;
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales).call(
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales2).call(
       (g2) => g2.selectAll().data(groupIndex(index2, [X3, Y3], this, channels)).enter().append("path").call(applyDirectStyles, this).call(applyGroupedChannelStyles, this, channels).call(applyGroupedMarkers, this, channels, context).attr(
         "d",
         curve === curveAuto && context.projection ? sphereLine(context.projection, X3, Y3) : line_default2().curve(curve).defined((i) => i >= 0).x((i) => X3[i]).y((i) => Y3[i])
@@ -37160,8 +37237,8 @@ var Rect = class extends Mark {
     this.rx = impliedString(rx, "auto");
     this.ry = impliedString(ry, "auto");
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x1: X13, y1: Y13, x2: X24, y2: Y24 } = channels;
     const { marginTop: marginTop2, marginRight: marginRight2, marginBottom: marginBottom2, marginLeft: marginLeft2, width: width2, height: height2 } = dimensions;
     const { projection: projection3 } = context;
@@ -37937,9 +38014,9 @@ var AbstractTick = class extends Mark {
     super(data, channels, options, defaults15);
     markers(this, options);
   }
-  render(index2, scales, channels, dimensions, context) {
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(this._transform, this, scales).call(
-      (g2) => g2.selectAll().data(index2).enter().append("line").call(applyDirectStyles, this).attr("x1", this._x1(scales, channels, dimensions)).attr("x2", this._x2(scales, channels, dimensions)).attr("y1", this._y1(scales, channels, dimensions)).attr("y2", this._y2(scales, channels, dimensions)).call(applyChannelStyles, this, channels).call(applyMarkers, this, channels, context)
+  render(index2, scales2, channels, dimensions, context) {
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(this._transform, this, scales2).call(
+      (g2) => g2.selectAll().data(index2).enter().append("line").call(applyDirectStyles, this).attr("x1", this._x1(scales2, channels, dimensions)).attr("x2", this._x2(scales2, channels, dimensions)).attr("y1", this._y1(scales2, channels, dimensions)).attr("y2", this._y2(scales2, channels, dimensions)).call(applyChannelStyles, this, channels).call(applyMarkers, this, channels, context)
     ).node();
   }
 };
@@ -37960,10 +38037,10 @@ var TickX = class extends AbstractTick {
   _transform(selection2, mark2, { x: x4 }) {
     selection2.call(applyTransform, mark2, { x: x4 }, offset, 0);
   }
-  _x1(scales, { x: X3 }) {
+  _x1(scales2, { x: X3 }) {
     return (i) => X3[i];
   }
-  _x2(scales, { x: X3 }) {
+  _x2(scales2, { x: X3 }) {
     return (i) => X3[i];
   }
   _y1({ y: y4 }, { y: Y3 }, { marginTop: marginTop2 }) {
@@ -38000,10 +38077,10 @@ var TickY = class extends AbstractTick {
     const { insetRight } = this;
     return X3 && x4 ? (i) => X3[i] + x4.bandwidth() - insetRight : width2 - marginRight2 - insetRight;
   }
-  _y1(scales, { y: Y3 }) {
+  _y1(scales2, { y: Y3 }) {
     return (i) => Y3[i];
   }
-  _y2(scales, { y: Y3 }) {
+  _y2(scales2, { y: Y3 }) {
     return (i) => Y3[i];
   }
 };
@@ -38163,11 +38240,11 @@ var Raster = class extends AbstractRaster {
     this.imageRendering = impliedString(imageRendering, "auto");
   }
   // Ignore the color scale, so the fill channel is returned unscaled.
-  scale(channels, { color: color3, ...scales }, context) {
-    return super.scale(channels, scales, context);
+  scale(channels, { color: color3, ...scales2 }, context) {
+    return super.scale(channels, scales2, context);
   }
-  render(index2, scales, values2, dimensions, context) {
-    const color3 = scales[values2.channels.fill?.scale] ?? ((x4) => x4);
+  render(index2, scales2, values2, dimensions, context) {
+    const color3 = scales2[values2.channels.fill?.scale] ?? ((x4) => x4);
     const { x: X3, y: Y3 } = values2;
     const { document: document2 } = context;
     const [x12, y12, x22, y22] = renderBounds(values2, dimensions, context);
@@ -38216,7 +38293,7 @@ var Raster = class extends AbstractRaster {
     if (this.blur > 0)
       blurImage(image3, this.blur);
     context2d.putImageData(image3, 0, 0);
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales).call(
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales2).call(
       (g3) => g3.append("image").attr("transform", `translate(${x12},${y12}) scale(${Math.sign(x22 - x12)},${Math.sign(y22 - y12)})`).attr("width", Math.abs(dx)).attr("height", Math.abs(dy)).attr("preserveAspectRatio", "none").call(applyAttr, "image-rendering", this.imageRendering).call(applyDirectStyles, this).attr("xlink:href", canvas.toDataURL())
     ).node();
   }
@@ -38248,7 +38325,7 @@ function renderBounds({ x1: x12, y1: y12, x2: x22, y2: y22 }, dimensions, { proj
     y22 && projection3 == null ? y22[0] : height2 - marginBottom2
   ];
 }
-function rasterBounds({ x1: x12, y1: y12, x2: x22, y2: y22 }, scales, dimensions, context) {
+function rasterBounds({ x1: x12, y1: y12, x2: x22, y2: y22 }, scales2, dimensions, context) {
   const channels = {};
   if (x12)
     channels.x1 = x12;
@@ -38258,19 +38335,19 @@ function rasterBounds({ x1: x12, y1: y12, x2: x22, y2: y22 }, scales, dimensions
     channels.x2 = x22;
   if (y22)
     channels.y2 = y22;
-  return renderBounds(valueObject(channels, scales), dimensions, context);
+  return renderBounds(valueObject(channels, scales2), dimensions, context);
 }
 function sampler(name2, options = {}) {
   const { [name2]: value } = options;
   if (typeof value !== "function")
     throw new Error(`invalid ${name2}: not a function`);
-  return initializer({ ...options, [name2]: void 0 }, function(data, facets, channels, scales, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  return initializer({ ...options, [name2]: void 0 }, function(data, facets, channels, scales2, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     if (!x4)
       throw new Error("missing scale: x");
     if (!y4)
       throw new Error("missing scale: y");
-    const [x12, y12, x22, y22] = rasterBounds(channels, scales, dimensions, context);
+    const [x12, y12, x22, y22] = rasterBounds(channels, scales2, dimensions, context);
     const dx = x22 - x12;
     const dy = y22 - y12;
     const { pixelSize: k3 } = this;
@@ -38580,18 +38657,18 @@ var Contour = class extends AbstractRaster {
   filter(index2, { x: x4, y: y4, value, ...channels }, values2) {
     return super.filter(index2, channels, values2);
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { geometry: G } = channels;
     const path2 = path_default();
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales).call((g2) => {
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales2).call((g2) => {
       g2.selectAll().data(index2).enter().append("path").call(applyDirectStyles, this).attr("d", (i) => path2(G[i])).call(applyChannelStyles, this, channels);
     }).node();
   }
 };
 function contourGeometry({ thresholds, interval: interval2, ...options }) {
   thresholds = maybeThresholds(thresholds, interval2, thresholdSturges);
-  return initializer(options, function(data, facets, channels, scales, dimensions, context) {
-    const [x12, y12, x22, y22] = rasterBounds(channels, scales, dimensions, context);
+  return initializer(options, function(data, facets, channels, scales2, dimensions, context) {
+    const [x12, y12, x22, y22] = rasterBounds(channels, scales2, dimensions, context);
     const dx = x22 - x12;
     const dy = y22 - y12;
     const { pixelSize: k3, width: w = Math.round(Math.abs(dx) / k3), height: h2 = Math.round(Math.abs(dy) / k3) } = this;
@@ -38600,7 +38677,7 @@ function contourGeometry({ thresholds, interval: interval2, ...options }) {
     const V2 = channels.value.value;
     const VV = [];
     if (this.interpolate) {
-      const { x: X3, y: Y3 } = applyPosition(channels, scales, context);
+      const { x: X3, y: Y3 } = applyPosition(channels, scales2, context);
       const IX = map2(X3, (x4) => (x4 - x12) * kx2, Float64Array);
       const IY = map2(Y3, (y4) => (y4 - y12) * ky2, Float64Array);
       const ichannels = [channels.x, channels.y, channels.value];
@@ -38811,8 +38888,8 @@ var DelaunayLink = class extends Mark {
     this.curve = maybeCurve(curve, tension);
     markers(this, options);
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x: X3, y: Y3, z: Z3 } = channels;
     const { curve } = this;
     const [cx, cy] = applyFrameAnchor(this, dimensions);
@@ -38878,8 +38955,8 @@ var AbstractDelaunayMark = class extends Mark {
       defaults23
     );
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x: X3, y: Y3, z: Z3 } = channels;
     const [cx, cy] = applyFrameAnchor(this, dimensions);
     const xi = X3 ? (i) => X3[i] : constant(cx);
@@ -38925,8 +39002,8 @@ var Voronoi2 = class extends Mark {
       voronoiDefaults
     );
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x: X3, y: Y3, z: Z3 } = channels;
     const [cx, cy] = applyFrameAnchor(this, dimensions);
     const xi = X3 ? (i) => X3[i] : constant(cx);
@@ -39006,7 +39083,7 @@ var Density = class extends Mark {
   filter(index2) {
     return index2;
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { contours } = channels;
     const path2 = path_default();
     return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, {}).call(
@@ -39024,13 +39101,13 @@ function densityInitializer(options, fillDensity, strokeDensity) {
   let { bandwidth, thresholds } = options;
   bandwidth = bandwidth === void 0 ? 20 : +bandwidth;
   thresholds = thresholds === void 0 ? 20 : typeof thresholds?.[Symbol.iterator] === "function" ? coerceNumbers(thresholds) : +thresholds;
-  return initializer(options, function(data, facets, channels, scales, dimensions, context) {
+  return initializer(options, function(data, facets, channels, scales2, dimensions, context) {
     const W2 = channels.weight ? coerceNumbers(channels.weight.value) : null;
     const Z3 = channels.z?.value;
     const { z: z2 } = this;
     const [cx, cy] = applyFrameAnchor(this, dimensions);
     const { width: width2, height: height2 } = dimensions;
-    const { x: X3, y: Y3 } = applyPosition(channels, scales, context);
+    const { x: X3, y: Y3 } = applyPosition(channels, scales2, context);
     const newChannels = Object.fromEntries(
       Object.entries(channels).filter(([key]) => !dropChannels.has(key)).map(([key, channel]) => [key, { ...channel, value: [] }])
     );
@@ -39190,14 +39267,14 @@ function memo(v3) {
   return { transform: (data) => V2 || (V2 = valueof(data, value)), label: label2 };
 }
 function clipDifferenceY(positive2) {
-  return (index2, scales, channels, dimensions, context, next) => {
+  return (index2, scales2, channels, dimensions, context, next) => {
     const { x1: x12, x2: x22 } = channels;
     const { height: height2 } = dimensions;
     const y12 = new Float32Array(x12.length);
     const y22 = new Float32Array(x22.length);
-    (positive2 === inferScaleOrder(scales.y) < 0 ? y12 : y22).fill(height2);
-    const oc = next(index2, scales, { ...channels, x2: x12, y2: y22 }, dimensions, context);
-    const og = next(index2, scales, { ...channels, x1: x22, y1: y12 }, dimensions, context);
+    (positive2 === inferScaleOrder(scales2.y) < 0 ? y12 : y22).fill(height2);
+    const oc = next(index2, scales2, { ...channels, x2: x12, y2: y22 }, dimensions, context);
+    const og = next(index2, scales2, { ...channels, x1: x22, y1: y12 }, dimensions, context);
     const c4 = oc.querySelector("g") ?? oc;
     const g2 = og.querySelector("g") ?? og;
     for (let i = 0; c4.firstChild; i += 2) {
@@ -39235,15 +39312,15 @@ var Geo = class extends Mark {
     );
     this.r = cr;
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { geometry: G, r: R2 } = channels;
-    const path2 = path_default(context.projection ?? scaleProjection2(scales));
+    const path2 = path_default(context.projection ?? scaleProjection2(scales2));
     const { r } = this;
     if (negative(r))
       index2 = [];
     else if (r !== void 0)
       path2.pointRadius(r);
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales).call((g2) => {
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales2).call((g2) => {
       g2.selectAll().data(index2).enter().append("path").call(applyDirectStyles, this).attr("d", R2 ? (i) => path2.pointRadius(R2[i])(G[i]) : (i) => path2(G[i])).call(applyChannelStyles, this, channels);
     }).node();
   }
@@ -39300,13 +39377,13 @@ function hexbin(outputs = { fill: "count" }, { binWidth, ...options } = {}) {
     options.symbol = "hexagon";
   if (options.r === void 0 && !hasOutput(outputs, "r"))
     options.r = binWidth / 2;
-  return initializer(options, (data, facets, channels, scales, _2, context) => {
+  return initializer(options, (data, facets, channels, scales2, _2, context) => {
     let { x: X3, y: Y3, z: Z3, fill: F2, stroke: S2, symbol: Q2 } = channels;
     if (X3 === void 0)
       throw new Error("missing channel: x");
     if (Y3 === void 0)
       throw new Error("missing channel: y");
-    ({ x: X3, y: Y3 } = applyPosition(channels, scales, context));
+    ({ x: X3, y: Y3 } = applyPosition(channels, scales2, context));
     Z3 = Z3 ? Z3.value : valueof(data, z2);
     F2 = F2?.value;
     S2 = S2?.value;
@@ -39348,8 +39425,8 @@ function hexbin(outputs = { fill: "count" }, { binWidth, ...options } = {}) {
     const sx = channels.x.scale;
     const sy = channels.y.scale;
     const binChannels = {
-      x: { value: BX, source: scales[sx] ? { value: map2(BX, scales[sx].invert), scale: sx } : null },
-      y: { value: BY, source: scales[sy] ? { value: map2(BY, scales[sy].invert), scale: sy } : null },
+      x: { value: BX, source: scales2[sx] ? { value: map2(BX, scales2[sx].invert), scale: sx } : null },
+      y: { value: BY, source: scales2[sy] ? { value: map2(BY, scales2[sy].invert), scale: sy } : null },
       ...Z3 && { z: { value: GZ } },
       ...F2 && { fill: { value: GF, scale: "auto" } },
       ...S2 && { stroke: { value: GS, scale: "auto" } },
@@ -39408,7 +39485,7 @@ var Hexgrid = class extends Mark {
     super(singleton, void 0, { clip, ...options }, defaults20);
     this.binWidth = number5(binWidth);
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { binWidth } = this;
     const { marginTop: marginTop2, marginRight: marginRight2, marginBottom: marginBottom2, marginLeft: marginLeft2, width: width2, height: height2 } = dimensions;
     const x06 = marginLeft2 - ox, x12 = width2 - marginRight2 - ox, y06 = marginTop2 - oy, y12 = height2 - marginBottom2 - oy, rx = binWidth / 2, ry = rx * sqrt4_3, hy = ry / 2, wx = rx * 2, wy = ry * 1.5, i0 = Math.floor(x06 / wx), i1 = Math.ceil(x12 / wx), j0 = Math.floor((y06 + hy) / wy), j1 = Math.ceil((y12 - hy) / wy) + 1, path2 = `m0,${round(-ry)}l${round(rx)},${round(hy)}v${round(ry)}l${round(-rx)},${round(hy)}`;
@@ -39480,8 +39557,8 @@ var Image = class extends Mark {
     this.frameAnchor = maybeFrameAnchor(frameAnchor);
     this.imageRendering = impliedString(imageRendering, "auto");
   }
-  render(index2, scales, channels, dimensions, context) {
-    const { x: x4, y: y4 } = scales;
+  render(index2, scales2, channels, dimensions, context) {
+    const { x: x4, y: y4 } = scales2;
     const { x: X3, y: Y3, width: W2, height: H2, r: R2, rotate: A5, src: S2 } = channels;
     const { r, width: width2, height: height2, rotate } = this;
     const [cx, cy] = applyFrameAnchor(this, dimensions);
@@ -39651,10 +39728,10 @@ var LinearRegression = class extends Mark {
     if (!(this.precision > 0))
       throw new Error(`invalid precision: ${precision}`);
   }
-  render(index2, scales, channels, dimensions, context) {
+  render(index2, scales2, channels, dimensions, context) {
     const { x: X3, y: Y3, z: Z3 } = channels;
     const { ci } = this;
-    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales).call(
+    return create3("svg:g", context).call(applyIndirectStyles, this, dimensions, context).call(applyTransform, this, scales2).call(
       (g2) => g2.selectAll().data(Z3 ? groupZ2(index2, Z3, this.z) : [index2]).enter().call(
         (enter) => enter.append("path").attr("fill", "none").call(applyDirectStyles, this).call(applyGroupedChannelStyles, this, { ...channels, fill: null, fillOpacity: null }).attr("d", (I2) => this._renderLine(I2, X3, Y3)).call(
           ci && !isNone(this.fill) ? (path2) => path2.select(pathBefore).attr("stroke", "none").call(applyDirectStyles, this).call(applyGroupedChannelStyles, this, {
@@ -40166,7 +40243,7 @@ function cluster(data, options) {
 
 // ../../node_modules/@observablehq/plot/src/transforms/centroid.js
 function centroid2({ geometry = identity7, ...options } = {}) {
-  return initializer({ ...options, x: null, y: null }, (data, facets, channels, scales, dimensions, { projection: projection3 }) => {
+  return initializer({ ...options, x: null, y: null }, (data, facets, channels, scales2, dimensions, { projection: projection3 }) => {
     const G = valueof(data, geometry);
     const n = G.length;
     const X3 = new Float64Array(n);
@@ -40256,14 +40333,14 @@ function dodge(y4, x4, anchor, padding2, r, options) {
     if (sort3 === void 0 && reverse3 === void 0)
       options.sort = { channel: "-r" };
   }
-  return initializer(options, function(data, facets, channels, scales, dimensions, context) {
+  return initializer(options, function(data, facets, channels, scales2, dimensions, context) {
     let { [x4]: X3, r: R2 } = channels;
     if (!channels[x4])
       throw new Error(`missing channel: ${x4}`);
-    ({ [x4]: X3 } = applyPosition(channels, scales, context));
+    ({ [x4]: X3 } = applyPosition(channels, scales2, context));
     const cr = R2 ? void 0 : r !== void 0 ? number5(r) : this.r !== void 0 ? this.r : 3;
     if (R2)
-      R2 = valueof(R2.value, scales[R2.scale] || identity7, Float64Array);
+      R2 = valueof(R2.value, scales2[R2.scale] || identity7, Float64Array);
     let [ky2, ty] = anchor(dimensions);
     const compare = ky2 ? compareAscending : compareSymmetric;
     const Y3 = new Float64Array(X3.length);
@@ -40593,6 +40670,9 @@ var attributeMap = /* @__PURE__ */ new Map([
   ["xAriaDescription", "x.ariaDescription"],
   ["xReverse", "x.reverse"],
   ["xZero", "x.zero"],
+  ["xBase", "x.base"],
+  ["xExponent", "x.exponent"],
+  ["xConstant", "x.constant"],
   ["yScale", "y.type"],
   ["yDomain", "y.domain"],
   ["yRange", "y.range"],
@@ -40623,6 +40703,9 @@ var attributeMap = /* @__PURE__ */ new Map([
   ["yAriaDescription", "y.ariaDescription"],
   ["yReverse", "y.reverse"],
   ["yZero", "y.zero"],
+  ["yBase", "y.base"],
+  ["yExponent", "y.exponent"],
+  ["yConstant", "y.constant"],
   ["facetMargin", "facet.margin"],
   ["facetMarginTop", "facet.marginTop"],
   ["facetMarginBottom", "facet.marginBottom"],
@@ -40698,6 +40781,9 @@ var attributeMap = /* @__PURE__ */ new Map([
   ["colorReverse", "color.reverse"],
   ["colorZero", "color.zero"],
   ["colorTickFormat", "color.tickFormat"],
+  ["colorBase", "color.base"],
+  ["colorExponent", "color.exponent"],
+  ["colorConstant", "color.constant"],
   ["opacityScale", "opacity.type"],
   ["opacityDomain", "opacity.domain"],
   ["opacityRange", "opacity.range"],
@@ -40707,18 +40793,27 @@ var attributeMap = /* @__PURE__ */ new Map([
   ["opacityReverse", "opacity.reverse"],
   ["opacityZero", "opacity.zero"],
   ["opacityTickFormat", "opacity.tickFormat"],
+  ["opacityBase", "opacity.base"],
+  ["opacityExponent", "opacity.exponent"],
+  ["opacityConstant", "opacity.constant"],
   ["rScale", "r.type"],
   ["rDomain", "r.domain"],
   ["rRange", "r.range"],
   ["rClamp", "r.clamp"],
   ["rNice", "r.nice"],
   ["rZero", "r.zero"],
+  ["rBase", "r.base"],
+  ["rExponent", "r.exponent"],
+  ["rConstant", "r.constant"],
   ["lengthScale", "length.type"],
   ["lengthDomain", "length.domain"],
   ["lengthRange", "length.range"],
   ["lengthClamp", "length.clamp"],
   ["lengthNice", "length.nice"],
   ["lengthZero", "length.zero"],
+  ["lengthBase", "length.base"],
+  ["lengthExponent", "length.exponent"],
+  ["lengthConstant", "length.constant"],
   ["projectionType", "projection.type"],
   ["projectionParallels", "projection.parallels"],
   ["projectionPrecision", "projection.precision"],
@@ -41075,14 +41170,26 @@ function isSymbol2(value) {
   return symbols2.has(`${value}`.toLowerCase());
 }
 
-// ../plot/src/marks/util/is-arrow-table.js
+// ../plot/src/marks/util/arrow.js
+var INTEGER = 2;
+var FLOAT = 3;
+var DECIMAL = 7;
+var TIMESTAMP = 10;
 function isArrowTable(values2) {
   return typeof values2?.getChild === "function";
 }
+function convertArrow(type2) {
+  const { typeId } = type2;
+  if (typeId === TIMESTAMP) {
+    return (v3) => v3 == null ? v3 : new Date(v3);
+  }
+  if (typeId === INTEGER && type2.bitWidth >= 64) {
+    return (v3) => v3 == null ? v3 : Number(v3);
+  }
+  return (v3) => v3;
+}
 
 // ../plot/src/marks/util/to-data-array.js
-var INTEGER = 2;
-var TIMESTAMP = 10;
 function toDataArray(data) {
   return isArrowTable(data) ? arrowToObjects(data) : data;
 }
@@ -41097,7 +41204,7 @@ function arrowToObjects(data) {
     for (let j2 = 0; j2 < numCols; ++j2) {
       const child = batch.getChildAt(j2);
       const { name: name2, type: type2 } = schema.fields[j2];
-      const valueOf = convert(type2);
+      const valueOf = convertArrow(type2);
       for (let o = k3, i = 0; i < numRows; ++i, ++o) {
         objects[o][name2] = valueOf(child.get(i));
       }
@@ -41106,16 +41213,6 @@ function arrowToObjects(data) {
   }
   return objects;
 }
-function convert(type2) {
-  const { typeId } = type2;
-  if (typeId === TIMESTAMP) {
-    return (v3) => v3 == null ? v3 : new Date(v3);
-  }
-  if (typeId === INTEGER && type2.bitWidth >= 64) {
-    return (v3) => v3 == null ? v3 : Number(v3);
-  }
-  return (v3) => v3;
-}
 
 // ../plot/src/marks/Mark.js
 var isColorChannel = (channel) => channel === "stroke" || channel === "fill";
@@ -41292,19 +41389,43 @@ function markQuery(channels, table3, skip = []) {
   return q2;
 }
 
-// ../plot/src/marks/util/bin-field.js
-function binField(mark2, channel, expr) {
-  if (!mark2.stats)
-    return field2;
+// ../plot/src/marks/util/channel-scale.js
+function channelScale(mark2, channel) {
+  const { plot: plot3 } = mark2;
+  let scaleType = plot3.getAttribute(`${channel}Scale`);
+  if (!scaleType) {
+    const { field: field2 } = mark2.channelField(channel, `${channel}1`, `${channel}2`);
+    const { type: type2 } = mark2.stats[field2.column];
+    scaleType = type2 === "date" ? "time" : "linear";
+  }
+  const options = { type: scaleType };
+  switch (scaleType) {
+    case "log":
+      options.base = plot3.getAttribute(`${channel}Base`) ?? 10;
+      break;
+    case "pow":
+      options.exponent = plot3.getAttribute(`${channel}Exponent`) ?? 1;
+      break;
+    case "symlog":
+      options.constant = plot3.getAttribute(`${channel}Constant`) ?? 1;
+      break;
+  }
+  return scaleTransform(options);
+}
+
+// ../plot/src/marks/util/bin-expr.js
+function binExpr(mark2, channel, n, extent4, pad3 = 1, expr) {
   const { field: field2 } = mark2.channelField(channel);
-  const { type: type2 } = mark2.stats[field2.column];
   expr = expr ?? field2;
-  return type2 === "date" ? epoch_ms(expr) : expr;
-}
-function bin1d(x4, x06, x12, n, reverse3 = false, pad3 = 1) {
-  const d = (n - pad3) / (x12 - x06);
-  const f2 = d !== 1 ? ` * ${d}::DOUBLE` : "";
-  return reverse3 ? sql`(${+x12} - ${x4}::DOUBLE)${f2}` : sql`(${x4}::DOUBLE - ${+x06})${f2}`;
+  const { type: type2, apply: apply2, sqlApply } = channelScale(mark2, channel);
+  const reverse3 = !!mark2.plot.getAttribute(`${channel}Reverse`);
+  const [lo, hi] = extent4.map((v4) => apply2(v4));
+  const v3 = sqlApply(expr);
+  const f2 = type2 === "time" || type2 === "utc" ? v3 : expr;
+  const d = hi === lo ? 0 : (n - pad3) / (hi - lo);
+  const s2 = d !== 1 ? ` * ${d}::DOUBLE` : "";
+  const bin3 = reverse3 ? sql`(${hi} - ${v3}::DOUBLE)${s2}` : sql`(${v3}::DOUBLE - ${lo})${s2}`;
+  return [bin3, f2];
 }
 
 // ../plot/src/marks/util/extent.js
@@ -41360,7 +41481,7 @@ function filteredExtent(filter3, column3) {
 var ConnectedMark = class extends Mark2 {
   constructor(type2, source, encodings) {
     const dim = type2.endsWith("X") ? "y" : type2.endsWith("Y") ? "x" : null;
-    const req = { [dim]: ["count", "min", "max"] };
+    const req = { [dim]: ["min", "max"] };
     super(type2, source, encodings, req);
     this.dim = dim;
   }
@@ -41368,27 +41489,29 @@ var ConnectedMark = class extends Mark2 {
     const { plot: plot3, dim, source, stats } = this;
     const { optimize = true } = source.options || {};
     const q2 = super.query(filter3);
-    if (optimize && dim) {
-      const { field: field2, as } = this.channelField(dim);
+    if (!dim)
+      return q2;
+    const ortho = dim === "x" ? "y" : "x";
+    const value = this.channelField(ortho)?.as;
+    const { field: field2, as } = this.channelField(dim);
+    const { type: type2 } = stats[field2.column];
+    const isContinuous = type2 === "date" || type2 === "number";
+    if (optimize && isContinuous && value) {
       const { column: column3 } = field2;
-      const { count: count4, max: max4, min: min5 } = stats[column3];
+      const { max: max4, min: min5 } = stats[column3];
       const size = dim === "x" ? plot3.innerWidth() : plot3.innerHeight();
       const [lo, hi] = filteredExtent(filter3, column3) || [min5, max4];
-      const scale3 = (hi - lo) / (max4 - min5);
-      if (count4 * scale3 > size * 4) {
-        const dd = binField(this, dim, as);
-        const val = this.channelField(dim === "x" ? "y" : "x").as;
-        const cols = q2.select().map((c4) => c4.as).filter((c4) => c4 !== as && c4 !== val);
-        return m4(q2, dd, as, val, lo, hi, size, cols);
-      }
-      q2.orderby(as);
+      const [expr] = binExpr(this, dim, size, [lo, hi], 1, as);
+      const cols = q2.select().map((c4) => c4.as).filter((c4) => c4 !== as && c4 !== value);
+      return m4(q2, expr, as, value, cols);
+    } else {
+      return q2.orderby(field2);
     }
-    return q2;
   }
 };
-function m4(input3, bx, x4, y4, lo, hi, width2, cols = []) {
-  const bins2 = sql`FLOOR(${width2 / (hi - lo)}::DOUBLE * (${bx} - ${+lo}::DOUBLE))::INTEGER`;
-  const q2 = (sel) => Query.from(input3).select(sel).groupby(bins2, cols);
+function m4(input3, bin3, x4, y4, cols = []) {
+  const pixel = sql`FLOOR(${bin3})::INTEGER`;
+  const q2 = (sel) => Query.from(input3).select(sel).groupby(pixel, cols);
   return Query.union(
     q2([{ [x4]: min(x4), [y4]: argmin(y4, x4) }, ...cols]),
     q2([{ [x4]: max(x4), [y4]: argmax(y4, x4) }, ...cols]),
@@ -41397,6 +41520,120 @@ function m4(input3, bx, x4, y4, lo, hi, width2, cols = []) {
   ).orderby(cols, x4);
 }
 
+// ../plot/src/marks/util/grid.js
+function arrayType(values2, name2 = "density") {
+  if (isArrowTable(values2)) {
+    const type2 = values2.getChild(name2).type;
+    switch (type2.typeId) {
+      case INTEGER:
+      case FLOAT:
+      case DECIMAL:
+        return Float64Array;
+      default:
+        return Array;
+    }
+  } else {
+    return typeof values2[0][name2] === "number" ? Float64Array : Array;
+  }
+}
+function grid1d(n, values2) {
+  const Type3 = arrayType(values2);
+  return valuesToGrid(new Type3(n), values2);
+}
+function grid2d(m2, n, values2, aggr, groupby = []) {
+  if (groupby.length) {
+    return groupedValuesToGrids(m2 * n, values2, aggr, groupby);
+  } else {
+    const cell3 = {};
+    aggr.forEach((name2) => {
+      const Type3 = arrayType(values2, name2);
+      cell3[name2] = valuesToGrid(new Type3(m2 * n), values2, name2);
+    });
+    return [cell3];
+  }
+}
+function valuesToGrid(grid2, values2, name2 = "density") {
+  if (isArrowTable(values2)) {
+    const numRows = values2.numRows;
+    if (numRows === 0)
+      return grid2;
+    const index2 = values2.getChild("index").toArray();
+    const value = values2.getChild(name2).toArray();
+    for (let row = 0; row < numRows; ++row) {
+      grid2[index2[row]] = value[row];
+    }
+  } else {
+    for (const row of values2) {
+      grid2[row.index] = row[name2];
+    }
+  }
+  return grid2;
+}
+function groupedValuesToGrids(size, values2, aggr, groupby) {
+  const Types = aggr.map((name2) => arrayType(values2, name2));
+  const numAggr = aggr.length;
+  const cellMap = {};
+  const getCell = (key) => {
+    let cell3 = cellMap[key];
+    if (!cell3) {
+      cell3 = cellMap[key] = {};
+      groupby.forEach((name2, i) => cell3[name2] = key[i]);
+      aggr.forEach((name2, i) => cell3[name2] = new Types[i](size));
+    }
+    return cell3;
+  };
+  if (isArrowTable(values2)) {
+    const numRows = values2.numRows;
+    if (numRows === 0)
+      return [];
+    const index2 = values2.getChild("index").toArray();
+    const value = aggr.map((name2) => values2.getChild(name2).toArray());
+    const groups2 = groupby.map((name2) => values2.getChild(name2));
+    for (let row = 0; row < numRows; ++row) {
+      const key = groups2.map((vec2) => vec2.get(row));
+      const cell3 = getCell(key);
+      for (let i = 0; i < numAggr; ++i) {
+        cell3[aggr[i]][index2[row]] = value[i][row];
+      }
+    }
+  } else {
+    for (const row of values2) {
+      const key = groupby.map((col) => row[col]);
+      const cell3 = getCell(key);
+      for (let i = 0; i < numAggr; ++i) {
+        cell3[aggr[i]][row.index] = row[aggr[i]];
+      }
+    }
+  }
+  return Object.values(cellMap);
+}
+function gridDomainContinuous(grids, prop) {
+  let lo = 0, hi = 0;
+  grids.forEach((cell3) => {
+    const grid2 = cell3[prop];
+    const n = grid2.length;
+    for (let i = 0; i < n; ++i) {
+      const v3 = grid2[i];
+      if (v3 < lo)
+        lo = v3;
+      if (v3 > hi)
+        hi = v3;
+    }
+  });
+  return lo === 0 && hi === 0 ? [0, 1] : [lo, hi];
+}
+function gridDomainDiscrete(grids, prop) {
+  const values2 = new InternSet();
+  grids.forEach((cell3) => {
+    const grid2 = cell3[prop];
+    const n = grid2.length;
+    for (let i = 0; i < n; ++i) {
+      values2.add(grid2[i]);
+    }
+  });
+  return Array.from(values2).sort(ascending);
+}
+
 // ../plot/src/marks/util/handle-param.js
 function handleParam(client, key, param, update2) {
   if (isParam(param)) {
@@ -41581,64 +41818,17 @@ function dericheInitZeroPad(dest, src, N2, stride, b2, p2, a3, q2, sum5, h2) {
   return;
 }
 
-// ../plot/src/marks/util/grid.js
-function grid1d(n, values2) {
-  return valuesToGrid(new Float64Array(n), values2);
-}
-function grid2d(m2, n, values2, groupby = []) {
-  return groupby.length ? Object.values(groupedValuesToGrids(m2 * n, values2, groupby)) : [{ grid: valuesToGrid(new Float64Array(m2 * n), values2) }];
-}
-function valuesToGrid(grid2, values2) {
-  if (isArrowTable(values2)) {
-    const numRows = values2.numRows;
-    if (numRows === 0)
-      return grid2;
-    const index2 = values2.getChild("index").toArray();
-    const value = values2.getChild("value").toArray();
-    for (let row = 0; row < numRows; ++row) {
-      grid2[index2[row]] = value[row];
-    }
-  } else {
-    for (const row of values2) {
-      grid2[row.index] = row.value;
-    }
-  }
-  return grid2;
-}
-function groupedValuesToGrids(size, values2, groupby) {
-  const grids = {};
-  const getGrid = (key) => {
-    const cell3 = grids[key] || (grids[key] = { key, grid: new Float64Array(size) });
-    return cell3.grid;
-  };
-  if (isArrowTable(values2)) {
-    const numRows = values2.numRows;
-    if (numRows === 0)
-      return grids;
-    const index2 = values2.getChild("index").toArray();
-    const value = values2.getChild("value").toArray();
-    const groups2 = groupby.map((name2) => values2.getChild(name2));
-    for (let row = 0; row < numRows; ++row) {
-      const key = groups2.map((vec2) => vec2.get(row));
-      getGrid(key)[index2[row]] = value[row];
-    }
-  } else {
-    for (const row of values2) {
-      const key = groupby.map((col) => row[col]);
-      getGrid(key)[row.index] = row.value;
-    }
-  }
-  return grids;
-}
-
 // ../plot/src/marks/Grid2DMark.js
+var DENSITY = "density";
 var Grid2DMark = class extends Mark2 {
   constructor(type2, source, options) {
     const {
-      bandwidth = 20,
-      binType = "linear",
-      binWidth = 2,
-      binPad = 1,
+      bandwidth = 0,
+      interpolate = "none",
+      pixelSize = 1,
+      pad: pad3 = 1,
+      width: width2,
+      height: height2,
       ...channels
     } = options;
     const densityMap = createDensityMap(channels);
@@ -41647,9 +41837,11 @@ var Grid2DMark = class extends Mark2 {
     handleParam(this, "bandwidth", bandwidth, () => {
       return this.grids ? this.convolve().update() : null;
     });
-    handleParam(this, "binWidth", binWidth);
-    handleParam(this, "binType", binType);
-    handleParam(this, "binPad", binPad);
+    handleParam(this, "pixelSize", pixelSize);
+    handleParam(this, "interpolate", interpolate);
+    handleParam(this, "pad", pad3);
+    handleParam(this, "width", width2);
+    handleParam(this, "height", height2);
   }
   setPlot(plot3, index2) {
     const update2 = () => {
@@ -41666,64 +41858,80 @@ var Grid2DMark = class extends Mark2 {
     return xdom && ydom && !xdom[Transient] && !ydom[Transient];
   }
   query(filter3 = []) {
-    const { plot: plot3, binType, binPad, channels, densityMap, source } = this;
+    const { interpolate, pad: pad3, channels, densityMap, source } = this;
     const [x06, x12] = this.extentX = extentX(this, filter3);
     const [y06, y12] = this.extentY = extentY(this, filter3);
     const [nx, ny] = this.bins = this.binDimensions(this);
-    const bx = binField(this, "x");
-    const by = binField(this, "y");
-    const rx = !!plot3.getAttribute("xReverse");
-    const ry = !!plot3.getAttribute("yReverse");
-    const x4 = bin1d2(bx, x06, x12, nx, rx, this.binPad);
-    const y4 = bin1d2(by, y06, y12, ny, ry, this.binPad);
-    const bounds = binPad ? [isBetween(bx, [x06, x12]), isBetween(by, [y06, y12])] : [lte(x06, bx), lt(bx, x12), lte(y06, by), lt(by, y12)];
+    const [x4, bx] = binExpr(this, "x", nx, [x06, x12], pad3);
+    const [y4, by] = binExpr(this, "y", ny, [y06, y12], pad3);
+    const bounds = pad3 ? [isBetween(bx, [+x06, +x12]), isBetween(by, [+y06, +y12])] : [lte(+x06, bx), lt(bx, +x12), lte(+y06, by), lt(by, +y12)];
     const q2 = Query.from(source.table).where(filter3.concat(bounds));
     const groupby = this.groupby = [];
-    let agg2 = count();
+    const aggrMap = {};
     for (const c4 of channels) {
       if (Object.hasOwn(c4, "field")) {
         const { as, channel, field: field2 } = c4;
         if (field2.aggregate) {
-          agg2 = field2;
+          aggrMap[channel] = field2;
           densityMap[channel] = true;
         } else if (channel === "weight") {
-          agg2 = sum2(field2);
+          aggrMap[DENSITY] = sum2(field2);
         } else if (channel !== "x" && channel !== "y") {
           q2.select({ [as]: field2 });
           groupby.push(as);
         }
       }
     }
-    return binType === "linear" ? binLinear2d(q2, x4, y4, agg2, nx, groupby) : bin2d(q2, x4, y4, agg2, nx, groupby);
+    const aggr = this.aggr = Object.keys(aggrMap);
+    if (aggrMap.density && aggr.length > 1) {
+      throw new Error("Weight option can not be used with custom aggregates.");
+    }
+    if (!aggr.length) {
+      aggr.push(DENSITY);
+      aggrMap.density = count();
+    }
+    if (interpolate === "linear") {
+      if (aggr.length > 1) {
+        throw new Error("Linear binning not applicable to multiple aggregates.");
+      }
+      if (!aggrMap.density) {
+        throw new Error("Linear binning not applicable to custom aggregates.");
+      }
+      return binLinear2d(q2, x4, y4, aggrMap[DENSITY], nx, groupby);
+    } else {
+      return bin2d(q2, x4, y4, aggrMap, nx, groupby);
+    }
   }
   binDimensions() {
-    const { plot: plot3, binWidth } = this;
+    const { plot: plot3, pixelSize, width: width2, height: height2 } = this;
     return [
-      Math.round(plot3.innerWidth() / binWidth),
-      Math.round(plot3.innerHeight() / binWidth)
+      width2 ?? Math.round(plot3.innerWidth() / pixelSize),
+      height2 ?? Math.round(plot3.innerHeight() / pixelSize)
     ];
   }
   queryResult(data) {
     const [nx, ny] = this.bins;
-    this.grids = grid2d(nx, ny, data, this.groupby);
+    this.grids = grid2d(nx, ny, data, this.aggr, this.groupby);
     return this.convolve();
   }
   convolve() {
-    const { bandwidth, bins: bins2, grids, plot: plot3 } = this;
-    if (bandwidth <= 0) {
-      this.kde = this.grids.map(({ key, grid: grid2 }) => {
-        return grid2.key = key, grid2;
-      });
-    } else {
+    const { aggr, bandwidth, bins: bins2, grids, plot: plot3 } = this;
+    this.kde = this.grids;
+    if (bandwidth > 0) {
+      const gridProp = aggr.length === 1 ? aggr[0] : aggr.includes(DENSITY) ? DENSITY : null;
+      if (!gridProp) {
+        console.warn("No compatible grid found for smoothing.");
+        return this;
+      }
       const w = plot3.innerWidth();
       const h2 = plot3.innerHeight();
       const [nx, ny] = bins2;
-      const neg = grids.some(({ grid: grid2 }) => grid2.some((v3) => v3 < 0));
+      const neg = grids.some((cell3) => cell3[gridProp].some((v3) => v3 < 0));
       const configX = dericheConfig(bandwidth * (nx - 1) / w, neg);
       const configY = dericheConfig(bandwidth * (ny - 1) / h2, neg);
-      this.kde = this.grids.map(({ key, grid: grid2 }) => {
-        const k3 = dericheConv2d(configX, configY, grid2, bins2);
-        return k3.key = key, k3;
+      this.kde = this.grids.map((grid2) => {
+        const density3 = dericheConv2d(configX, configY, grid2[gridProp], bins2);
+        return { ...grid2, [gridProp]: density3 };
       });
     }
     return this;
@@ -41742,19 +41950,14 @@ function createDensityMap(channels) {
   }
   return densityMap;
 }
-function bin1d2(x4, x06, x12, n, reverse3, pad3) {
-  const d = (n - pad3) / (x12 - x06);
-  const f2 = d !== 1 ? ` * ${d}::DOUBLE` : "";
-  return reverse3 ? sql`(${x12} - ${x4}::DOUBLE)${f2}` : sql`(${x4}::DOUBLE - ${x06})${f2}`;
-}
-function bin2d(q2, xp, yp, value, xn, groupby) {
+function bin2d(q2, xp, yp, aggs, xn, groupby) {
   return q2.select({
     index: sql`FLOOR(${xp})::INTEGER + FLOOR(${yp})::INTEGER * ${xn}`,
-    value
+    ...aggs
   }).groupby("index", groupby);
 }
-function binLinear2d(q2, xp, yp, value, xn, groupby) {
-  const w = value.column ? `* ${value.column}` : "";
+function binLinear2d(q2, xp, yp, density3, xn, groupby) {
+  const w = density3?.column ? `* ${density3.column}` : "";
   const subq = (i, w2) => q2.clone().select({ xp, yp, i, w: w2 });
   const a3 = subq(
     sql`FLOOR(xp)::INTEGER + FLOOR(yp)::INTEGER * ${xn}`,
@@ -41772,14 +41975,19 @@ function binLinear2d(q2, xp, yp, value, xn, groupby) {
     sql`FLOOR(xp)::INTEGER + 1 + (FLOOR(yp)::INTEGER + 1) * ${xn}`,
     sql`(xp - FLOOR(xp)::INTEGER) * (yp - FLOOR(yp)::INTEGER)${w}`
   );
-  return Query.from(Query.unionAll(a3, b2, c4, d)).select({ index: "i", value: sum2("w") }, groupby).groupby("index", groupby).having(gt("value", 0));
+  return Query.from(Query.unionAll(a3, b2, c4, d)).select({ index: "i", density: sum2("w") }, groupby).groupby("index", groupby).having(neq("density", 0));
 }
 
 // ../plot/src/marks/ContourMark.js
 var ContourMark = class extends Grid2DMark {
   constructor(source, options) {
     const { thresholds = 10, ...channels } = options;
-    super("geo", source, channels);
+    super("geo", source, {
+      bandwidth: 20,
+      interpolate: "linear",
+      pixelSize: 2,
+      ...channels
+    });
     handleParam(this, "thresholds", thresholds, () => {
       return this.grids ? this.contours().update() : null;
     });
@@ -41788,11 +41996,11 @@ var ContourMark = class extends Grid2DMark {
     return super.convolve().contours();
   }
   contours() {
-    const { bins: bins2, densityMap, kde, thresholds, groupby, plot: plot3 } = this;
+    const { bins: bins2, densityMap, kde, thresholds, plot: plot3 } = this;
     let tz = thresholds;
     if (!Array.isArray(tz)) {
-      const scale3 = max2(kde.map((k3) => max2(k3)));
-      tz = Array.from({ length: tz - 1 }, (_2, i) => scale3 * (i + 1) / tz);
+      const [, hi] = gridDomainContinuous(kde, "density");
+      tz = Array.from({ length: tz - 1 }, (_2, i) => hi * (i + 1) / tz);
     }
     if (densityMap.fill || densityMap.stroke) {
       if (this.plot.getAttribute("colorScale") !== "log") {
@@ -41809,11 +42017,11 @@ var ContourMark = class extends Grid2DMark {
     const x4 = (v3) => xo + v3 * sx;
     const y4 = (v3) => yo + v3 * sy;
     const contour3 = contours_default().size(bins2);
-    this.data = kde.flatMap((k3) => tz.map((t) => {
-      const c4 = transform2(contour3.contour(k3, t), x4, y4);
-      groupby.forEach((name2, i) => c4[name2] = k3.key[i]);
-      c4.density = t;
-      return c4;
+    this.data = kde.flatMap((cell3) => tz.map((t) => {
+      return Object.assign(
+        transform2(contour3.contour(cell3.density, t), x4, y4),
+        { ...cell3, density: t }
+      );
     }));
     return this;
   }
@@ -41849,23 +42057,95 @@ function transform2(geometry, x4, y4) {
 }
 
 // ../plot/src/marks/util/raster.js
-function raster2(grid2, data, w, h2, scale3, scheme28) {
-  const n = (scheme28.length >> 2) - 1;
-  for (let j2 = 0, k3 = 0; j2 < h2; ++j2) {
-    for (let i = 0, row = (h2 - j2 - 1) * w; i < w; ++i, k3 += 4) {
-      const c4 = n * scale3(grid2[i + row]) << 2;
-      data[k3 + 0] = scheme28[c4 + 0];
-      data[k3 + 1] = scheme28[c4 + 1];
-      data[k3 + 2] = scheme28[c4 + 2];
-      data[k3 + 3] = scheme28[c4 + 3];
-    }
+function createCanvas(w, h2) {
+  if (typeof document !== "undefined") {
+    const c4 = document.createElement("canvas");
+    c4.setAttribute("width", w);
+    c4.setAttribute("height", h2);
+    return c4;
   }
+  throw new Error("Can not create a canvas instance.");
+}
+function alphaConstant(v3 = 1) {
+  const a3 = 255 * v3 | 0;
+  return (data, w, h2) => {
+    for (let j2 = 0, k3 = 0; j2 < h2; ++j2) {
+      for (let i = 0; i < w; ++i, k3 += 4) {
+        data[k3 + 3] = a3;
+      }
+    }
+  };
+}
+function alphaScheme(scale3) {
+  const { apply: apply2 } = scale3;
+  return (data, w, h2, grid2) => {
+    for (let j2 = 0, k3 = 0; j2 < h2; ++j2) {
+      for (let i = 0, row = (h2 - j2 - 1) * w; i < w; ++i, k3 += 4) {
+        data[k3 + 3] = 255 * apply2(grid2[i + row]) | 0;
+      }
+    }
+  };
+}
+function colorConstant(v3 = {}) {
+  const { r = 0, g: g2 = 0, b: b2 = 0, opacity: opacity2 = 1 } = typeof v3 === "string" ? rgb(v3) : v3;
+  const c4 = new Uint8ClampedArray([r, g2, b2, 255 * opacity2 | 0]);
+  return (data, w, h2) => {
+    for (let j2 = 0, k3 = 0; j2 < h2; ++j2) {
+      for (let i = 0; i < w; ++i, k3 += 4) {
+        data[k3 + 0] = c4[0];
+        data[k3 + 1] = c4[1];
+        data[k3 + 2] = c4[2];
+        data[k3 + 3] = c4[3];
+      }
+    }
+  };
 }
-function palette(size, interp) {
+function colorCategory(scale3) {
+  const { domain, range: range3 } = scale3;
+  const idx = /* @__PURE__ */ Object.create(null);
+  const p2 = new Uint8ClampedArray(4 * domain.length);
+  const n = domain.length - 1;
+  const m2 = range3.length;
+  for (let i = 0; i <= n; ++i) {
+    const v3 = range3[i % m2];
+    const { r, g: g2, b: b2, opacity: opacity2 = 1 } = typeof v3 === "string" ? rgb(v3) : v3;
+    const k3 = i << 2;
+    p2[k3 + 0] = r;
+    p2[k3 + 1] = g2;
+    p2[k3 + 2] = b2;
+    p2[k3 + 3] = 255 * opacity2 | 0;
+    idx[domain[i]] = k3;
+  }
+  return (data, w, h2, grid2) => {
+    if (grid2.map) {
+      for (let j2 = 0, k3 = 0; j2 < h2; ++j2) {
+        for (let i = 0, row = (h2 - j2 - 1) * w; i < w; ++i, k3 += 4) {
+          const c4 = idx[grid2[i + row]];
+          data[k3 + 0] = p2[c4 + 0];
+          data[k3 + 1] = p2[c4 + 1];
+          data[k3 + 2] = p2[c4 + 2];
+          data[k3 + 3] = p2[c4 + 3];
+        }
+      }
+    } else {
+      const c4 = idx[grid2];
+      for (let j2 = 0, k3 = 0; j2 < h2; ++j2) {
+        for (let i = 0; i < w; ++i, k3 += 4) {
+          data[k3 + 0] = p2[c4 + 0];
+          data[k3 + 1] = p2[c4 + 1];
+          data[k3 + 2] = p2[c4 + 2];
+          data[k3 + 3] = p2[c4 + 3];
+        }
+      }
+    }
+  };
+}
+function colorScheme(size, scale3, frac) {
+  const { interpolate } = scale3;
   const p2 = new Uint8ClampedArray(4 * size);
   const n = size - 1;
   for (let i = 0; i <= n; ++i) {
-    const v3 = interp(i / n);
+    const v3 = interpolate(i / n);
     const { r, g: g2, b: b2, opacity: opacity2 = 1 } = typeof v3 === "string" ? rgb(v3) : v3;
     const k3 = i << 2;
     p2[k3 + 0] = r;
@@ -41873,20 +42153,17 @@ function palette(size, interp) {
     p2[k3 + 2] = b2;
     p2[k3 + 3] = 255 * opacity2 | 0;
   }
-  return p2;
-}
-function createCanvas(w, h2) {
-  if (typeof document !== "undefined") {
-    const c4 = document.createElement("canvas");
-    c4.setAttribute("width", w);
-    c4.setAttribute("height", h2);
-    return c4;
-  }
-  throw new Error("Can not create a canvas instance.");
-}
-function opacityMap(color3 = "black") {
-  const { r, g: g2, b: b2 } = rgb(color3);
-  return (opacity2) => ({ r, g: g2, b: b2, opacity: opacity2 });
+  return (data, w, h2, grid2) => {
+    for (let j2 = 0, k3 = 0; j2 < h2; ++j2) {
+      for (let i = 0, row = (h2 - j2 - 1) * w; i < w; ++i, k3 += 4) {
+        const c4 = n * frac(grid2[i + row]) << 2;
+        data[k3 + 0] = p2[c4 + 0];
+        data[k3 + 1] = p2[c4 + 1];
+        data[k3 + 2] = p2[c4 + 2];
+        data[k3 + 3] = p2[c4 + 3];
+      }
+    }
+  };
 }
 
 // ../plot/src/marks/RasterMark.js
@@ -41906,15 +42183,13 @@ var RasterMark = class extends Grid2DMark {
     return super.convolve().rasterize();
   }
   rasterize() {
-    const { bins: bins2, kde, groupby } = this;
+    const { bins: bins2, kde } = this;
     const [w, h2] = bins2;
     const { canvas, ctx, img } = imageData(this, w, h2);
-    const s2 = imageScale(this);
-    const idx = groupby.indexOf(this.channelField("fill")?.as);
-    const domain = idx < 0 ? [] : kde.map(({ key }) => key[idx]);
-    this.data = kde.map((grid2) => {
-      const palette2 = imagePalette(this, domain, grid2.key?.[idx]);
-      raster2(grid2, img.data, w, h2, s2, palette2);
+    const { alpha, alphaProp, color: color3, colorProp } = rasterEncoding(this);
+    this.data = kde.map((cell3) => {
+      color3?.(img.data, w, h2, cell3[colorProp]);
+      alpha?.(img.data, w, h2, cell3[alphaProp]);
       ctx.putImageData(img, 0, 0);
       return { src: canvas.toDataURL() };
     });
@@ -41933,6 +42208,128 @@ var RasterMark = class extends Grid2DMark {
     return [{ type: type2, data, options }];
   }
 };
+var HeatmapMark = class extends RasterMark {
+  constructor(source, options) {
+    super(source, {
+      bandwidth: 20,
+      interpolate: "linear",
+      pixelSize: 2,
+      ...options
+    });
+  }
+};
+function rasterEncoding(mark2) {
+  const { aggr, densityMap, groupby, plot: plot3 } = mark2;
+  const hasDensity = aggr.includes(DENSITY);
+  const hasFillOpacity = aggr.includes("fillOpacity");
+  const fillEntry = mark2.channel("fill");
+  const opacEntry = mark2.channel("fillOpacity");
+  if (aggr.length > 2 || hasDensity && hasFillOpacity) {
+    throw new Error("Invalid raster encodings. Try dropping an aggregate?");
+  }
+  if (groupby.includes(opacEntry?.as)) {
+    throw new Error("Raster fillOpacity must be an aggregate or constant.");
+  }
+  const fill = densityMap.fill || aggr.includes("fill") ? "grid" : groupby.includes(fillEntry?.as) ? "group" : isColor2(fillEntry?.value) ? fillEntry.value : hasDensity && plot3.getAttribute("colorScheme") ? "grid" : void 0;
+  const opac = densityMap.fillOpacity || aggr.includes("fillOpacity") ? "grid" : typeof opacEntry?.value === "number" ? opacEntry.value : hasDensity && fill !== "grid" ? "grid" : void 0;
+  if (fill !== "grid" && opac !== "grid") {
+    throw new Error("Raster mark missing density values.");
+  }
+  const colorProp = fillEntry?.as ?? (fill === "grid" ? DENSITY : null);
+  const alphaProp = opacEntry?.as ?? (opac === "grid" ? DENSITY : null);
+  const color3 = fill !== "grid" && fill !== "group" ? colorConstant(fill) : colorScale(mark2, colorProp);
+  const alpha = opac !== "grid" ? alphaConstant(opac) : alphaScale(mark2, alphaProp);
+  return { alphaProp, colorProp, alpha, color: color3 };
+}
+function alphaScale(mark2, prop) {
+  const { plot: plot3, kde: grids } = mark2;
+  const domainAttr = plot3.getAttribute("opacityDomain");
+  const domainFixed = domainAttr === Fixed;
+  const domainTransient = domainAttr?.[Transient];
+  const domain = !domainFixed && !domainTransient && domainAttr || gridDomainContinuous(grids, prop);
+  if (domainFixed || domainTransient) {
+    if (domainTransient)
+      domain[Transient] = true;
+    plot3.setAttribute("colorDomain", domain);
+  }
+  const s2 = scale2({
+    opacity: {
+      type: plot3.getAttribute("opacityScale"),
+      domain,
+      clamp: plot3.getAttribute("opacityClamp"),
+      nice: plot3.getAttribute("opacityNice"),
+      reverse: plot3.getAttribute("opacityReverse"),
+      zero: plot3.getAttribute("opacityZero"),
+      base: plot3.getAttribute("opacityBase"),
+      exponent: plot3.getAttribute("opacityExponent"),
+      constant: plot3.getAttribute("opacityConstant")
+    }
+  });
+  return alphaScheme(s2);
+}
+function colorScale(mark2, prop) {
+  const { plot: plot3, kde: grids } = mark2;
+  const flat = !grids[0][prop]?.map;
+  const discrete = flat || Array.isArray(grids[0][prop]);
+  const domainAttr = plot3.getAttribute("colorDomain");
+  const domainFixed = domainAttr === Fixed;
+  const domainTransient = domainAttr?.[Transient];
+  const domain = !domainFixed && !domainTransient && domainAttr || (flat ? grids.map((cell3) => cell3[prop]).sort(ascending) : discrete ? gridDomainDiscrete(grids, prop) : gridDomainContinuous(grids, prop));
+  if (domainFixed || domainTransient) {
+    if (domainTransient)
+      domain[Transient] = true;
+    plot3.setAttribute("colorDomain", domain);
+  }
+  const s2 = scale2({
+    color: {
+      type: plot3.getAttribute("colorScale"),
+      domain,
+      range: plot3.getAttribute("colorRange"),
+      clamp: plot3.getAttribute("colorClamp"),
+      n: plot3.getAttribute("colorN"),
+      nice: plot3.getAttribute("colorNice"),
+      reverse: plot3.getAttribute("colorReverse"),
+      scheme: plot3.getAttribute("colorScheme"),
+      interpolate: plot3.getAttribute("colorInterpolate"),
+      pivot: plot3.getAttribute("colorPivot"),
+      symmetric: plot3.getAttribute("colorSymmetric"),
+      zero: plot3.getAttribute("colorZero"),
+      base: plot3.getAttribute("colorBase"),
+      exponent: plot3.getAttribute("colorExponent"),
+      constant: plot3.getAttribute("colorConstant")
+    }
+  });
+  if (discrete) {
+    return colorCategory(s2);
+  } else {
+    const frac = scale2({
+      x: {
+        type: inferScaleType2(s2.type),
+        domain: s2.domain,
+        reverse: s2.reverse,
+        range: [0, 1],
+        clamp: s2.clamp,
+        base: s2.base,
+        exponent: s2.exponent,
+        constant: s2.constant
+      }
+    });
+    return colorScheme(1024, s2, frac.apply);
+  }
+}
+function inferScaleType2(type2) {
+  if (type2.endsWith("symlog"))
+    return "symlog";
+  if (type2.endsWith("log"))
+    return "log";
+  if (type2.endsWith("pow"))
+    return "pow";
+  if (type2.endsWith("sqrt"))
+    return "sqrt";
+  if (type2 === "diverging")
+    return "linear";
+  return type2;
+}
 function imageData(mark2, w, h2) {
   if (!mark2.image || mark2.image.w !== w || mark2.image.h !== h2) {
     const canvas = createCanvas(w, h2);
@@ -41942,71 +42339,21 @@ function imageData(mark2, w, h2) {
   }
   return mark2.image;
 }
-function imageScale(mark2) {
-  const { densityMap, kde, plot: plot3 } = mark2;
-  let domain = densityMap.fill && plot3.getAttribute("colorDomain");
-  if (!domain) {
-    let lo = 0, hi = 0;
-    kde.forEach((grid2) => {
-      for (const v3 of grid2) {
-        if (v3 < lo)
-          lo = v3;
-        if (v3 > hi)
-          hi = v3;
-      }
-    });
-    domain = lo === 0 && hi === 0 ? [0, 1] : [lo, hi];
-  }
-  const type2 = plot3.getAttribute("colorScale");
-  return scale2({ x: { type: type2, domain, range: [0, 1] } }).apply;
-}
-function imagePalette(mark2, domain, value, steps = 1024) {
-  const { densityMap, plot: plot3 } = mark2;
-  const scheme28 = plot3.getAttribute("colorScheme");
-  const fill = mark2.channel("fill");
-  let color3 = isColor2(fill?.value) ? fill.value : void 0;
-  if (densityMap.fill || scheme28 && !color3) {
-    if (scheme28) {
-      try {
-        return palette(
-          steps,
-          scale2({ color: { scheme: scheme28, domain: [0, 1] } }).interpolate
-        );
-      } catch (err) {
-        console.warn(err);
-      }
-    }
-  } else if (domain.length) {
-    const range3 = plot3.getAttribute("colorRange");
-    const spec = {
-      domain,
-      range: range3,
-      scheme: scheme28 || (range3 ? void 0 : "tableau10")
-    };
-    color3 = scale2({ color: spec }).apply(value);
-  }
-  return palette(steps, opacityMap(color3));
-}
 
 // ../plot/src/marks/DenseLineMark.js
 var DenseLineMark = class extends RasterMark {
   constructor(source, options) {
     const { normalize: normalize4 = true, ...rest } = options;
-    super(source, { bandwidth: 0, ...rest });
+    super(source, rest);
     handleParam(this, "normalize", normalize4);
   }
   query(filter3 = []) {
-    const { plot: plot3, channels, normalize: normalize4, source } = this;
-    const [x06, x12] = extentX(this, filter3);
-    const [y06, y12] = extentY(this, filter3);
+    const { channels, normalize: normalize4, source, binPad } = this;
     const [nx, ny] = this.bins = this.binDimensions(this);
-    const bx = binField(this, "x");
-    const by = binField(this, "y");
-    const rx = !!plot3.getAttribute("xReverse");
-    const ry = !!plot3.getAttribute("yReverse");
-    const x4 = bin1d(bx, x06, x12, nx, rx, this.binPad);
-    const y4 = bin1d(by, y06, y12, ny, ry, this.binPad);
+    const [x4] = binExpr(this, "x", nx, extentX(this, filter3), binPad);
+    const [y4] = binExpr(this, "y", ny, extentY(this, filter3), binPad);
     const q2 = Query.from(source.table).where(stripXY(this, filter3));
+    this.aggr = ["density"];
     const groupby = this.groupby = [];
     const z2 = [];
     for (const c4 of channels) {
@@ -42053,7 +42400,7 @@ function lineDensity(q2, x4, y4, z2, xn, yn, groupby = [], normalize4 = true) {
   ));
   const num = Query.select({ x: sql`GREATEST(MAX(ABS(dx)), MAX(ABS(dy)))` }).from("pairs");
   const indices = Query.select({ i: sql`UNNEST(range((${num})))::INTEGER` });
-  const raster4 = Query.unionAll(
+  const raster3 = Query.unionAll(
     Query.select(groups2, {
       x: sql`x0 + i`,
       y: sql`y0 + ROUND(i * dy / dx::FLOAT)::INTEGER`
@@ -42070,10 +42417,10 @@ function lineDensity(q2, x4, y4, z2, xn, yn, groupby = [], normalize4 = true) {
     "x",
     "y",
     normalize4 ? { w: sql`1.0 / COUNT(*) OVER (PARTITION BY ${pointPart})` } : null
-  ).where(and(isBetween("x", [0, xn]), isBetween("y", [0, yn])));
-  return Query.with({ pairs: pairs2, indices, raster: raster4, points: points2 }).from("points").select(groupby, {
+  ).where(and(isBetween("x", [0, xn], true), isBetween("y", [0, yn], true)));
+  return Query.with({ pairs: pairs2, indices, raster: raster3, points: points2 }).from("points").select(groupby, {
     index: sql`x + y * ${xn}::INTEGER`,
-    value: normalize4 ? sum2("w") : count()
+    density: normalize4 ? sum2("w") : count()
   }).groupby("index", groupby);
 }
 
@@ -42098,13 +42445,11 @@ var Density1DMark = class extends Mark2 {
     if (this.hasOwnData())
       throw new Error("Density1DMark requires a data source");
     const { bins: bins2, channels, dim, source: { table: table3 } } = this;
-    const [lo, hi] = this.extent = (dim === "x" ? extentX : extentY)(this, filter3);
-    const bx = binField(this, dim);
-    return binLinear1d(
-      markQuery(channels, table3, [dim]).where(filter3.concat(isBetween(bx, [lo, hi]))),
-      bin1d(bx, lo, hi, bins2),
-      this.channelField("weight") ? "weight" : null
-    );
+    const extent4 = this.extent = (dim === "x" ? extentX : extentY)(this, filter3);
+    const [x4, bx] = binExpr(this, dim, bins2, extent4);
+    const q2 = markQuery(channels, table3, [dim]).where(filter3.concat(isBetween(bx, extent4)));
+    const v3 = this.channelField("weight") ? "weight" : null;
+    return binLinear1d(q2, x4, v3);
   }
   queryResult(data) {
     this.grid = grid1d(this.bins, data);
@@ -42139,8 +42484,8 @@ var Density1DMark = class extends Mark2 {
     return [{ type: type2, data, options }];
   }
 };
-function binLinear1d(q2, p2, value) {
-  const w = value ? `* ${value}` : "";
+function binLinear1d(q2, p2, density3) {
+  const w = density3 ? `* ${density3}` : "";
   const u4 = q2.clone().select({
     p: p2,
     i: sql`FLOOR(p)::INTEGER`,
@@ -42151,37 +42496,45 @@ function binLinear1d(q2, p2, value) {
     i: sql`FLOOR(p)::INTEGER + 1`,
     w: sql`(p - FLOOR(p))${w}`
   });
-  return Query.from(Query.unionAll(u4, v3)).select({ index: "i", value: sum2("w") }).groupby("index").having(gt("value", 0));
+  return Query.from(Query.unionAll(u4, v3)).select({ index: "i", density: sum2("w") }).groupby("index").having(gt("density", 0));
 }
 
 // ../plot/src/marks/Density2DMark.js
 var Density2DMark = class extends Grid2DMark {
   constructor(source, options) {
-    const { type: type2 = "dot", binsX, binsY, ...channels } = options;
-    channels.binPad = channels.binPad ?? 0;
-    super(type2, source, channels);
-    handleParam(this, "binsX", binsX);
-    handleParam(this, "binsY", binsY);
+    const { type: type2 = "dot", ...channels } = options;
+    super(type2, source, {
+      bandwidth: 20,
+      interpolate: "linear",
+      pad: 0,
+      pixelSize: 2,
+      ...channels
+    });
   }
   convolve() {
     super.convolve();
-    const { bins: bins2, binPad, extentX: extentX2, extentY: extentY2 } = this;
+    const { bins: bins2, pad: pad3, extentX: extentX2, extentY: extentY2 } = this;
     const [nx, ny] = bins2;
-    const [x06, x12] = extentX2;
-    const [y06, y12] = extentY2;
-    const deltaX = (x12 - x06) / (nx - binPad);
-    const deltaY = (y12 - y06) / (ny - binPad);
-    const offset2 = binPad ? 0 : 0.5;
-    this.data = points(this.kde, bins2, x06, y06, deltaX, deltaY, offset2);
+    const scaleX = channelScale(this, "x");
+    const scaleY = channelScale(this, "y");
+    const [x06, x12] = extentX2.map((v3) => scaleX.apply(v3));
+    const [y06, y12] = extentY2.map((v3) => scaleY.apply(v3));
+    const deltaX = (x12 - x06) / (nx - pad3);
+    const deltaY = (y12 - y06) / (ny - pad3);
+    const offset2 = pad3 ? 0 : 0.5;
+    this.data = points(
+      this.kde,
+      bins2,
+      x06,
+      y06,
+      deltaX,
+      deltaY,
+      scaleX.invert,
+      scaleY.invert,
+      offset2
+    );
     return this;
   }
-  binDimensions() {
-    const { plot: plot3, binWidth, binsX, binsY } = this;
-    return [
-      binsX ?? Math.round(plot3.innerWidth() / binWidth),
-      binsY ?? Math.round(plot3.innerHeight() / binWidth)
-    ];
-  }
   plotSpecs() {
     const { type: type2, channels, densityMap, data } = this;
     const options = {};
@@ -42197,16 +42550,18 @@ var Density2DMark = class extends Grid2DMark {
     return [{ type: type2, data, options }];
   }
 };
-function points(kde, bins2, x06, y06, deltaX, deltaY, offset2) {
+function points(kde, bins2, x06, y06, deltaX, deltaY, invertX, invertY, offset2) {
   const scale3 = 1 / (deltaX * deltaY);
   const [nx, ny] = bins2;
   const data = [];
-  for (const grid2 of kde) {
+  for (const cell3 of kde) {
+    const grid2 = cell3.density;
     for (let k3 = 0, j2 = 0; j2 < ny; ++j2) {
       for (let i = 0; i < nx; ++i, ++k3) {
         data.push({
-          x: x06 + (i + offset2) * deltaX,
-          y: y06 + (j2 + offset2) * deltaY,
+          ...cell3,
+          x: invertX(x06 + (i + offset2) * deltaX),
+          y: invertY(y06 + (j2 + offset2) * deltaY),
           density: grid2[k3] * scale3
         });
       }
@@ -42324,34 +42679,48 @@ var RasterTileMark = class extends Grid2DMark {
     return null;
   }
   tileQuery(extent4) {
-    const { plot: plot3, binType, binPad, channels, densityMap, source } = this;
+    const { binType, binPad, channels, densityMap, source } = this;
     const [[x06, x12], [y06, y12]] = extent4;
     const [nx, ny] = this.bins;
-    const bx = binField(this, "x");
-    const by = binField(this, "y");
-    const rx = !!plot3.getAttribute("xReverse");
-    const ry = !!plot3.getAttribute("yReverse");
-    const x4 = bin1d3(bx, x06, x12, nx, rx, binPad);
-    const y4 = bin1d3(by, y06, y12, ny, ry, binPad);
-    const bounds = binPad ? [isBetween(bx, [x06, x12]), isBetween(by, [y06, y12])] : [lte(x06, bx), lt(bx, x12), lte(y06, by), lt(by, y12)];
+    const [x4, bx] = binExpr(this, "x", nx, [x06, x12], binPad);
+    const [y4, by] = binExpr(this, "y", ny, [y06, y12], binPad);
+    const bounds = binPad ? [isBetween(bx, [+x06, +x12]), isBetween(by, [+y06, +y12])] : [lte(+x06, bx), lt(bx, +x12), lte(+y06, by), lt(by, +y12)];
     const q2 = Query.from(source.table).where(bounds);
     const groupby = this.groupby = [];
-    let agg2 = count();
+    const aggrMap = {};
     for (const c4 of channels) {
       if (Object.hasOwn(c4, "field")) {
-        const { channel, field: field2 } = c4;
+        const { as, channel, field: field2 } = c4;
         if (field2.aggregate) {
-          agg2 = field2;
+          aggrMap[channel] = field2;
           densityMap[channel] = true;
         } else if (channel === "weight") {
-          agg2 = sum2(field2);
+          aggrMap.density = sum2(field2);
         } else if (channel !== "x" && channel !== "y") {
-          q2.select({ [channel]: field2 });
-          groupby.push(channel);
+          q2.select({ [as]: field2 });
+          groupby.push(as);
         }
       }
     }
-    return binType === "linear" ? binLinear2d2(q2, x4, y4, agg2, nx, groupby) : bin2d2(q2, x4, y4, agg2, nx, groupby);
+    const aggr = this.aggr = Object.keys(aggrMap);
+    if (aggrMap.density && aggr.length > 1) {
+      throw new Error("Weight option can not be used with custom aggregates.");
+    }
+    if (!aggr.length) {
+      aggr.push("density");
+      aggrMap.density = count();
+    }
+    if (binType === "linear") {
+      if (aggr.length > 1) {
+        throw new Error("Linear binning not applicable to multiple aggregates.");
+      }
+      if (!aggrMap.density) {
+        throw new Error("Linear binning not applicable to custom aggregates.");
+      }
+      return binLinear2d2(q2, x4, y4, aggrMap.density, nx, groupby);
+    } else {
+      return bin2d2(q2, x4, y4, aggrMap, nx, groupby);
+    }
   }
   async requestTiles() {
     const mc = coordinator();
@@ -42401,22 +42770,20 @@ var RasterTileMark = class extends Grid2DMark {
       ([i, j2]) => mc.prefetch(this.tileQuery(tileExtent(i, j2)))
     );
     const tiles = await Promise.all(queries);
-    this.grids = [{ grid: processTiles(m2, n, xx, yy, coords, tiles) }];
+    this.grids = [{ density: processTiles(m2, n, xx, yy, coords, tiles) }];
     this.convolve().update();
   }
   convolve() {
     return super.convolve().rasterize();
   }
   rasterize() {
-    const { bins: bins2, kde, groupby } = this;
+    const { bins: bins2, kde } = this;
     const [w, h2] = bins2;
     const { canvas, ctx, img } = imageData2(this, w, h2);
-    const s2 = imageScale2(this);
-    const idx = groupby.indexOf(this.channelField("fill")?.as);
-    const domain = idx < 0 ? [] : kde.map(({ key }) => key[idx]);
-    this.data = kde.map((grid2) => {
-      const palette2 = imagePalette2(this, domain, grid2.key?.[idx]);
-      raster2(grid2, img.data, w, h2, s2, palette2);
+    const { alpha, alphaProp, color: color3, colorProp } = rasterEncoding(this);
+    this.data = kde.map((cell3) => {
+      color3?.(img.data, w, h2, cell3[colorProp]);
+      alpha?.(img.data, w, h2, cell3[alphaProp]);
       ctx.putImageData(img, 0, 0);
       return { src: canvas.toDataURL() };
     });
@@ -42450,7 +42817,7 @@ function copy3(m2, n, grid2, values2, tx, ty) {
   if (num === 0)
     return;
   const index2 = values2.getChild("index").toArray();
-  const value = values2.getChild("value").toArray();
+  const value = values2.getChild("density").toArray();
   for (let row = 0; row < num; ++row) {
     const idx = index2[row];
     const i = tx + idx % m2;
@@ -42469,60 +42836,10 @@ function imageData2(mark2, w, h2) {
   }
   return mark2.image;
 }
-function imageScale2(mark2) {
-  const { densityMap, kde, plot: plot3 } = mark2;
-  let domain = densityMap.fill && plot3.getAttribute("colorDomain");
-  if (!domain) {
-    let lo = 0, hi = 0;
-    kde.forEach((grid2) => {
-      for (const v3 of grid2) {
-        if (v3 < lo)
-          lo = v3;
-        if (v3 > hi)
-          hi = v3;
-      }
-    });
-    domain = lo === 0 && hi === 0 ? [0, 1] : [lo, hi];
-  }
-  const type2 = plot3.getAttribute("colorScale");
-  return scale2({ x: { type: type2, domain, range: [0, 1] } }).apply;
-}
-function imagePalette2(mark2, domain, value, steps = 1024) {
-  const { densityMap, plot: plot3 } = mark2;
-  const scheme28 = plot3.getAttribute("colorScheme");
-  const fill = mark2.channel("fill");
-  let color3 = isColor2(fill?.value) ? fill.value : void 0;
-  if (densityMap.fill || scheme28 && !color3) {
-    if (scheme28) {
-      try {
-        return palette(
-          steps,
-          scale2({ color: { scheme: scheme28, domain: [0, 1] } }).interpolate
-        );
-      } catch (err) {
-        console.warn(err);
-      }
-    }
-  } else if (domain.length) {
-    const range3 = plot3.getAttribute("colorRange");
-    const spec = {
-      domain,
-      range: range3,
-      scheme: scheme28 || (range3 ? void 0 : "tableau10")
-    };
-    color3 = scale2({ color: spec }).apply(value);
-  }
-  return palette(steps, opacityMap(color3));
-}
-function bin1d3(x4, x06, x12, n, reverse3, pad3) {
-  const d = (n - pad3) / (x12 - x06);
-  const f2 = d !== 1 ? ` * ${d}::DOUBLE` : "";
-  return reverse3 ? sql`(${x12} - ${x4}::DOUBLE)${f2}` : sql`(${x4}::DOUBLE - ${x06})${f2}`;
-}
-function bin2d2(q2, xp, yp, value, xn, groupby) {
+function bin2d2(q2, xp, yp, aggs, xn, groupby) {
   return q2.select({
     index: sql`FLOOR(${xp})::INTEGER + FLOOR(${yp})::INTEGER * ${xn}`,
-    value
+    ...aggs
   }).groupby("index", groupby);
 }
 function binLinear2d2(q2, xp, yp, value, xn, groupby) {
@@ -42544,7 +42861,7 @@ function binLinear2d2(q2, xp, yp, value, xn, groupby) {
     sql`FLOOR(xp)::INTEGER + 1 + (FLOOR(yp)::INTEGER + 1) * ${xn}`,
     sql`(xp - FLOOR(xp)::INTEGER) * (yp - FLOOR(yp)::INTEGER)${w}`
   );
-  return Query.from(Query.unionAll(a3, b2, c4, d)).select({ index: "i", value: sum2("w") }, groupby).groupby("index", groupby).having(neq("value", 0));
+  return Query.from(Query.unionAll(a3, b2, c4, d)).select({ index: "i", density: sum2("w") }, groupby).groupby("index", groupby).having(neq("density", 0));
 }
 function tileFloor(value) {
   const floored = Math.floor(value);
@@ -43375,28 +43692,24 @@ function findMark({ marks: marks2 }, channel) {
 }
 
 // ../plot/src/transforms/bin.js
-var EXTENT = [
-  "rectY-x",
-  "rectX-y",
-  "rect-x",
-  "rect-y"
-];
-function hasExtent(channel, type2) {
-  return EXTENT.includes(`${type2}-${channel}`);
-}
+var EXTENT = /* @__PURE__ */ new Set(["rectY-x", "rectX-y", "rect-x", "rect-y"]);
 function bin2(field2, options = { steps: 25 }) {
   const fn = (mark2, channel) => {
-    return hasExtent(channel, mark2.type) ? {
-      [`${channel}1`]: binField2(mark2, field2, options),
-      [`${channel}2`]: binField2(mark2, field2, { ...options, offset: 1 })
-    } : {
-      [channel]: binField2(mark2, field2, options)
-    };
+    if (EXTENT.has(`${mark2.type}-${channel}`)) {
+      return {
+        [`${channel}1`]: binField(mark2, channel, field2, options),
+        [`${channel}2`]: binField(mark2, channel, field2, { ...options, offset: 1 })
+      };
+    } else {
+      return {
+        [channel]: binField(mark2, channel, field2, options)
+      };
+    }
   };
   fn[Transform] = true;
   return fn;
 }
-function binField2(mark2, column3, options) {
+function binField(mark2, channel, column3, options) {
   return {
     column: column3,
     label: column3,
@@ -43410,13 +43723,15 @@ function binField2(mark2, column3, options) {
       return column3;
     },
     toString() {
+      const { apply: apply2, sqlApply, sqlInvert } = channelScale(mark2, channel);
       const { min: min5, max: max4 } = mark2.stats[column3];
-      const b2 = bins(min5, max4, options);
-      const col = asColumn(column3);
+      const b2 = bins(apply2(min5), apply2(max4), options);
+      const col = sqlApply(column3);
       const base = b2.min === 0 ? col : `(${col} - ${b2.min})`;
       const alpha = `${(b2.max - b2.min) / b2.steps}::DOUBLE`;
       const off = options.offset ? `${options.offset} + ` : "";
-      return `${b2.min} + ${alpha} * (${off}FLOOR(${base} / ${alpha})::INTEGER)`;
+      const expr = `${b2.min} + ${alpha} * (${off}FLOOR(${base} / ${alpha}))`;
+      return `${sqlInvert(expr)}`;
     }
   };
 }
@@ -44013,8 +44328,11 @@ __export(attributes_exports, {
   align: () => align,
   aspectRatio: () => aspectRatio,
   axis: () => axis2,
+  colorBase: () => colorBase,
   colorClamp: () => colorClamp,
+  colorConstant: () => colorConstant2,
   colorDomain: () => colorDomain,
+  colorExponent: () => colorExponent,
   colorInterpolate: () => colorInterpolate,
   colorLabel: () => colorLabel,
   colorN: () => colorN,
@@ -44022,8 +44340,8 @@ __export(attributes_exports, {
   colorPivot: () => colorPivot,
   colorRange: () => colorRange,
   colorReverse: () => colorReverse,
-  colorScale: () => colorScale,
-  colorScheme: () => colorScheme,
+  colorScale: () => colorScale2,
+  colorScheme: () => colorScheme2,
   colorSymmetric: () => colorSymmetric,
   colorTickFormat: () => colorTickFormat,
   colorZero: () => colorZero,
@@ -44092,8 +44410,11 @@ __export(attributes_exports, {
   height: () => height,
   inset: () => inset,
   label: () => label,
+  lengthBase: () => lengthBase,
   lengthClamp: () => lengthClamp,
+  lengthConstant: () => lengthConstant,
   lengthDomain: () => lengthDomain,
+  lengthExponent: () => lengthExponent,
   lengthNice: () => lengthNice,
   lengthRange: () => lengthRange,
   lengthScale: () => lengthScale,
@@ -44105,8 +44426,11 @@ __export(attributes_exports, {
   marginTop: () => marginTop,
   margins: () => margins,
   name: () => name,
+  opacityBase: () => opacityBase,
   opacityClamp: () => opacityClamp,
+  opacityConstant: () => opacityConstant,
   opacityDomain: () => opacityDomain,
+  opacityExponent: () => opacityExponent,
   opacityLabel: () => opacityLabel,
   opacityNice: () => opacityNice,
   opacityRange: () => opacityRange,
@@ -44126,8 +44450,11 @@ __export(attributes_exports, {
   projectionPrecision: () => projectionPrecision,
   projectionRotate: () => projectionRotate,
   projectionType: () => projectionType,
+  rBase: () => rBase,
   rClamp: () => rClamp,
+  rConstant: () => rConstant,
   rDomain: () => rDomain,
+  rExponent: () => rExponent,
   rNice: () => rNice,
   rRange: () => rRange,
   rScale: () => rScale,
@@ -44139,8 +44466,11 @@ __export(attributes_exports, {
   xAriaDescription: () => xAriaDescription,
   xAriaLabel: () => xAriaLabel,
   xAxis: () => xAxis,
+  xBase: () => xBase,
   xClamp: () => xClamp,
+  xConstant: () => xConstant,
   xDomain: () => xDomain,
+  xExponent: () => xExponent,
   xFontVariant: () => xFontVariant,
   xGrid: () => xGrid,
   xInset: () => xInset,
@@ -44170,8 +44500,11 @@ __export(attributes_exports, {
   yAriaDescription: () => yAriaDescription,
   yAriaLabel: () => yAriaLabel,
   yAxis: () => yAxis,
+  yBase: () => yBase,
   yClamp: () => yClamp,
+  yConstant: () => yConstant,
   yDomain: () => yDomain,
+  yExponent: () => yExponent,
   yFontVariant: () => yFontVariant,
   yGrid: () => yGrid,
   yInset: () => yInset,
@@ -44330,6 +44663,9 @@ var xAriaLabel = attrf("xAriaLabel");
 var xAriaDescription = attrf("xAriaDescription");
 var xReverse = attrf("xReverse");
 var xZero = attrf("xZero");
+var xBase = attrf("xBase");
+var xExponent = attrf("xExponent");
+var xConstant = attrf("xConstant");
 var yScale = attrf("yScale");
 var yDomain = attrf("yDomain");
 var yRange = attrf("yRange");
@@ -44360,6 +44696,9 @@ var yAriaLabel = attrf("yAriaLabel");
 var yAriaDescription = attrf("yAriaDescription");
 var yReverse = attrf("yReverse");
 var yZero = attrf("yZero");
+var yBase = attrf("yBase");
+var yExponent = attrf("yExponent");
+var yConstant = attrf("yConstant");
 var facetMargin = attrf("facetMargin");
 var facetMarginTop = attrf("facetMarginTop");
 var facetMarginBottom = attrf("facetMarginBottom");
@@ -44421,13 +44760,13 @@ var fyFontVariant = attrf("fyFontVariant");
 var fyAriaLabel = attrf("fyAriaLabel");
 var fyAriaDescription = attrf("fyAriaDescription");
 var fyReverse = attrf("fyReverse");
-var colorScale = attrf("colorScale");
+var colorScale2 = attrf("colorScale");
 var colorDomain = attrf("colorDomain");
 var colorRange = attrf("colorRange");
 var colorClamp = attrf("colorClamp");
 var colorN = attrf("colorN");
 var colorNice = attrf("colorNice");
-var colorScheme = attrf("colorScheme");
+var colorScheme2 = attrf("colorScheme");
 var colorInterpolate = attrf("colorInterpolate");
 var colorPivot = attrf("colorPivot");
 var colorSymmetric = attrf("colorSymmetric");
@@ -44435,6 +44774,9 @@ var colorLabel = attrf("colorLabel");
 var colorReverse = attrf("colorReverse");
 var colorZero = attrf("colorZero");
 var colorTickFormat = attrf("colorTickFormat");
+var colorBase = attrf("colorBase");
+var colorExponent = attrf("colorExponent");
+var colorConstant2 = attrf("colorConstant");
 var opacityScale = attrf("opacityScale");
 var opacityDomain = attrf("opacityDomain");
 var opacityRange = attrf("opacityRange");
@@ -44444,18 +44786,27 @@ var opacityLabel = attrf("opacityLabel");
 var opacityReverse = attrf("opacityReverse");
 var opacityZero = attrf("opacityZero");
 var opacityTickFormat = attrf("opacityTickFormat");
+var opacityBase = attrf("opacityBase");
+var opacityExponent = attrf("opacityExponent");
+var opacityConstant = attrf("opacityConstant");
 var rScale = attrf("rScale");
 var rDomain = attrf("rDomain");
 var rRange = attrf("rRange");
 var rClamp = attrf("rClamp");
 var rNice = attrf("rNice");
 var rZero = attrf("rZero");
+var rBase = attrf("rBase");
+var rExponent = attrf("rExponent");
+var rConstant = attrf("rConstant");
 var lengthScale = attrf("lengthScale");
 var lengthDomain = attrf("lengthDomain");
 var lengthRange = attrf("lengthRange");
 var lengthClamp = attrf("lengthClamp");
 var lengthNice = attrf("lengthNice");
 var lengthZero = attrf("lengthZero");
+var lengthBase = attrf("lengthBase");
+var lengthExponent = attrf("lengthExponent");
+var lengthConstant = attrf("lengthConstant");
 var projectionType = attrf("projectionType");
 var projectionParallels = attrf("projectionParallels");
 var projectionPrecision = attrf("projectionPrecision");
@@ -44507,6 +44858,7 @@ __export(marks_exports, {
   gridFy: () => gridFy2,
   gridX: () => gridX2,
   gridY: () => gridY2,
+  heatmap: () => heatmap,
   hexagon: () => hexagon2,
   hexbin: () => hexbin2,
   hexgrid: () => hexgrid2,
@@ -44516,7 +44868,7 @@ __export(marks_exports, {
   lineX: () => lineX2,
   lineY: () => lineY2,
   link: () => link3,
-  raster: () => raster3,
+  raster: () => raster2,
   rasterTile: () => rasterTile,
   rect: () => rect2,
   rectX: () => rectX2,
@@ -44605,7 +44957,8 @@ var densityY = (...args) => explicitType(Density1DMark, "areaY", ...args);
 var density2 = (...args) => implicitType(Density2DMark, ...args);
 var denseLine = (...args) => implicitType(DenseLineMark, ...args);
 var contour2 = (...args) => implicitType(ContourMark, ...args);
-var raster3 = (...args) => implicitType(RasterMark, ...args);
+var heatmap = (...args) => implicitType(HeatmapMark, ...args);
+var raster2 = (...args) => implicitType(RasterMark, ...args);
 var rasterTile = (...args) => implicitType(RasterTileMark, ...args);
 var hexbin2 = (...args) => implicitType(HexbinMark, ...args);
 var hexgrid2 = (...args) => mark("hexgrid", ...args);
@@ -44804,8 +45157,11 @@ export {
   centroidX,
   centroidY,
   circle2 as circle,
+  colorBase,
   colorClamp,
+  colorConstant2 as colorConstant,
   colorDomain,
+  colorExponent,
   colorInterpolate,
   colorLabel,
   colorLegend,
@@ -44814,8 +45170,8 @@ export {
   colorPivot,
   colorRange,
   colorReverse,
-  colorScale,
-  colorScheme,
+  colorScale2 as colorScale,
+  colorScheme2 as colorScheme,
   colorSymmetric,
   colorTickFormat,
   colorZero,
@@ -44851,6 +45207,7 @@ export {
   facetMarginLeft,
   facetMarginRight,
   facetMarginTop,
+  first,
   first_value,
   frame3 as frame,
   from,
@@ -44919,6 +45276,7 @@ export {
   gt,
   gte,
   hconcat,
+  heatmap,
   height,
   hexagon2 as hexagon,
   hexbin2 as hexbin,
@@ -44945,8 +45303,11 @@ export {
   last_value,
   lead,
   legends_exports as legendDirectives,
+  lengthBase,
   lengthClamp,
+  lengthConstant,
   lengthDomain,
+  lengthExponent,
   lengthNice,
   lengthRange,
   lengthScale,
@@ -44985,8 +45346,11 @@ export {
   not,
   nth_value,
   ntile,
+  opacityBase,
   opacityClamp,
+  opacityConstant,
   opacityDomain,
+  opacityExponent,
   opacityLabel,
   opacityLegend,
   opacityNice,
@@ -45018,14 +45382,17 @@ export {
   projectionRotate,
   projectionType,
   quantile,
+  rBase,
   rClamp,
+  rConstant,
   rDomain,
+  rExponent,
   rNice,
   rRange,
   rScale,
   rZero,
   rank,
-  raster3 as raster,
+  raster2 as raster,
   rasterTile,
   rect2 as rect,
   rectX2 as rectX,
@@ -45075,8 +45442,11 @@ export {
   xAriaDescription,
   xAriaLabel,
   xAxis,
+  xBase,
   xClamp,
+  xConstant,
   xDomain,
+  xExponent,
   xFontVariant,
   xGrid,
   xInset,
@@ -45106,8 +45476,11 @@ export {
   yAriaDescription,
   yAriaLabel,
   yAxis,
+  yBase,
   yClamp,
+  yConstant,
   yDomain,
+  yExponent,
   yFontVariant,
   yGrid,
   yInset,