svelteplot 0.7.0-pr-269.0 → 0.7.0-pr-275.0

package/dist/marks/RuleX.svelte.d.ts

@@ -1,7 +1,7 @@
 import { recordizeX } from '../transforms/recordize.js';
 import type { DataRecord, ConstantAccessor, ChannelAccessor, RawValue } from '../types/index.js';
-declare class __sveltets_Render<Datum = DataRecord | RawValue> {
-    props(): Omit<Partial<{
+declare function $$render<Datum = DataRecord | RawValue>(): {
+    props: Omit<Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -64,7 +64,7 @@ declare class __sveltets_Render<Datum = DataRecord | RawValue> {
         style: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
-        data?: Datum[] | undefined;
+        data?: Datum[];
         x?: ChannelAccessor<Datum>;
         y1?: ChannelAccessor<Datum>;
         y2?: ChannelAccessor<Datum>;
@@ -72,8 +72,15 @@ declare class __sveltets_Render<Datum = DataRecord | RawValue> {
         insetTop?: ConstantAccessor<number, Datum>;
         insetBottom?: ConstantAccessor<number, Datum>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum = DataRecord | RawValue> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/RuleY.svelte.d.ts

@@ -1,7 +1,7 @@
 import { recordizeY } from '../transforms/recordize.js';
 import type { DataRecord, ConstantAccessor, ChannelAccessor } from '../types/index.js';
-declare class __sveltets_Render<Datum = DataRecord> {
-    props(): Omit<Partial<{
+declare function $$render<Datum = DataRecord>(): {
+    props: Omit<Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -64,7 +64,7 @@ declare class __sveltets_Render<Datum = DataRecord> {
         style: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
-        data?: Datum[] | undefined;
+        data?: Datum[];
         y?: ChannelAccessor<Datum>;
         x1?: ChannelAccessor<Datum>;
         x2?: ChannelAccessor<Datum>;
@@ -72,8 +72,15 @@ declare class __sveltets_Render<Datum = DataRecord> {
         insetLeft?: ConstantAccessor<number, Datum>;
         insetRight?: ConstantAccessor<number, Datum>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum = DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/Spike.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ChannelAccessor, DataRecord } from '../types/index.js';
 import { getPlotDefaults } from '../hooks/plotDefaults.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Omit<Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Omit<Partial<{
         filter: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
@@ -82,8 +82,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         length?: ChannelAccessor<Datum>;
         rotate?: ChannelAccessor<Datum>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/Text.svelte.d.ts

@@ -2,8 +2,8 @@ import type * as CSS from 'csstype';
 import { type Snippet } from 'svelte';
 import type { DataRecord, ConstantAccessor, ChannelAccessor, LinkableMarkProps } from '../types/index.js';
 import { sort } from '../index.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -66,24 +66,24 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         style: string;
         cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & {
-        data?: Datum[] | undefined;
+        data?: Datum[];
         x?: ChannelAccessor<Datum>;
         y?: ChannelAccessor<Datum>;
         children?: Snippet;
-        text: ConstantAccessor<string | false | null | undefined, Datum>;
+        text: ConstantAccessor<string | null | false | undefined, Datum>;
         title?: ConstantAccessor<string, Datum>;
         /**
          * the font size of the text
          */
         fontFamily?: ConstantAccessor<CSS.Property.FontFamily, Datum>;
-        fontSize?: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "small" | "math" | "large" | "medium" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize?: ConstantAccessor<CSS.Property.FontSize | number, Datum>;
         fontWeight?: ConstantAccessor<CSS.Property.FontWeight, Datum>;
         fontStyle?: ConstantAccessor<CSS.Property.FontStyle, Datum>;
         fontVariant?: ConstantAccessor<CSS.Property.FontVariant, Datum>;
-        letterSpacing?: ConstantAccessor<CSS.Property.LetterSpacing<0 | (string & {})>, Datum>;
-        wordSpacing?: ConstantAccessor<CSS.Property.WordSpacing<0 | (string & {})>, Datum>;
+        letterSpacing?: ConstantAccessor<CSS.Property.LetterSpacing, Datum>;
+        wordSpacing?: ConstantAccessor<CSS.Property.WordSpacing, Datum>;
         textTransform?: ConstantAccessor<CSS.Property.TextTransform, Datum>;
-        textDecoration?: ConstantAccessor<CSS.Property.TextDecoration<0 | (string & {})>, Datum>;
+        textDecoration?: ConstantAccessor<CSS.Property.TextDecoration, Datum>;
         /**
          * the horizontal text anchor; start, end, or middle
          */
@@ -101,14 +101,21 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          * @default 1.2
          */
         lineHeight?: ConstantAccessor<number, Datum>;
-        frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "middle" | "top-left" | "bottom-left" | "top-right" | "bottom-right", Datum>;
+        frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "top-left" | "bottom-left" | "top-right" | "bottom-right" | "middle", Datum>;
         /**
          * rotate text by angle in degrees
          */
         rotate?: ConstantAccessor<number, Datum>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/TickX.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ChannelAccessor, DataRow, ConstantAccessor } from '../types/index.js';
 import { recordizeX } from '../index.js';
-declare class __sveltets_Render<Datum extends DataRow> {
-    props(): Omit<Partial<{
+declare function $$render<Datum extends DataRow>(): {
+    props: Omit<Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -80,8 +80,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
          */
         tickLength?: ConstantAccessor<number, Datum>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRow> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/TickY.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ChannelAccessor, DataRow, ConstantAccessor } from '../types/index.js';
 import { recordizeY } from '../index.js';
-declare class __sveltets_Render<Datum extends DataRow> {
-    props(): Omit<Partial<{
+declare function $$render<Datum extends DataRow>(): {
+    props: Omit<Partial<{
         filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -80,8 +80,15 @@ declare class __sveltets_Render<Datum extends DataRow> {
          */
         tickLength?: ConstantAccessor<number, Datum>;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRow> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/Vector.svelte.d.ts

@@ -5,8 +5,8 @@ export type ShapeRenderer = {
 import type { DataRecord, ChannelAccessor } from '../types/index.js';
 import { type Snippet } from 'svelte';
 import { sort } from '../index.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): Partial<{
+declare function $$render<Datum extends DataRecord>(): {
+    props: Partial<{
         filter: import("../types/index.js").ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
@@ -35,36 +35,36 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;
-        onclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondblclick: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmousedown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmousemove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onmouseover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointercancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerdown: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerup: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointermove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onpointerout: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondrag: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondrop: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragenter: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragleave: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragover: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ondragend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchstart: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchmove: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchend: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        ontouchcancel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        oncontextmenu: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        onwheel: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string;
         style: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
@@ -86,8 +86,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         children?: Snippet;
         canvas?: boolean;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/WaffleX.svelte.d.ts

@@ -1,8 +1,15 @@
 import type { DataRecord } from '../types';
+declare function $$render<Datum extends DataRecord>(): {
+    props: any;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): any;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/WaffleY.svelte.d.ts

@@ -1,8 +1,15 @@
 import type { DataRecord } from '../types';
+declare function $$render<Datum extends DataRecord>(): {
+    props: any;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): any;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/helpers/Anchor.svelte.d.ts

@@ -1,19 +1,26 @@
 import type { ConstantAccessor } from '../../types';
-declare class __sveltets_Render<Datum extends Record<string, any>> {
-    props(): {
-        datum?: Datum | undefined;
+declare function $$render<Datum extends Record<string, any>>(): {
+    props: {
+        datum?: Datum;
         options?: {
+            href?: ConstantAccessor<string, Datum>;
+            target?: ConstantAccessor<string, Datum>;
+            rel?: ConstantAccessor<string, Datum>;
+            type?: ConstantAccessor<string, Datum>;
+            download?: ConstantAccessor<string, Datum>;
             [key: string]: any;
-            href?: ConstantAccessor<string, Datum_1>;
-            target?: ConstantAccessor<string, Datum_1>;
-            rel?: ConstantAccessor<string, Datum_1>;
-            type?: ConstantAccessor<string, Datum_1>;
-            download?: ConstantAccessor<string, Datum_1>;
-        } | undefined;
-        children?: (() => any) | undefined;
+        };
+        children?: () => any;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends Record<string, any>> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/helpers/MarkerPath.svelte.d.ts

@@ -1,8 +1,15 @@
 import type { DataRecord } from '../../types/index.js';
+declare function $$render<Datum extends DataRecord>(): {
+    props: any;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): any;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/helpers/RectPath.svelte.d.ts

@@ -1,15 +1,15 @@
 import type { BaseMarkProps, BaseRectMarkProps } from '../../types/mark.js';
 import type { DataRecord, ScaledDataRecord } from '../../types/data.js';
 import type { UsedScales } from '../../types/index.js';
-declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): {
-        datum: ScaledDataRecord<Datum_1>;
+declare function $$render<Datum extends DataRecord>(): {
+    props: {
+        datum: ScaledDataRecord<Datum>;
         class: string | null;
         x: number;
         y: number;
         width: number;
         height: number;
-        options: BaseRectMarkProps<Datum_1> & BaseMarkProps<Datum_1>;
+        options: BaseRectMarkProps<Datum> & BaseMarkProps<Datum>;
         /**
          * By default, the `inset` property is applied to all four insets. Mark components
          * can tweak this behavior for insetTop and insetBottom by setting the
@@ -25,8 +25,15 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         usedScales: UsedScales;
         fallbackStyle?: "fill" | "stroke";
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/marks/helpers/waffle.d.ts

@@ -1,3 +1,9 @@
+/**
+ * This implementation is based on the waffle chart implementation in Observable Plot!
+ * https://github.com/observablehq/plot/blob/main/src/marks/waffle.js
+ *
+ * Kept the comments from the original implementation for clarity.
+ */
 import type { Snippet } from 'svelte';
 import type { StackOptions } from '../../transforms/stack';
 import type { BorderRadius, ConstantAccessor, PlotScales, ScaledDataRecord } from '../../types';

package/dist/marks/helpers/waffle.js

@@ -1,41 +1,9 @@
-// A waffle is approximately a rectangular shape, but may have one or two corner
-// cuts if the starting or ending value is not an even multiple of the number of
-// columns (the width of the waffle in cells). We can represent any waffle by
-// 8 points; below is a waffle of five columns representing the interval 2–11:
-//
-// 1-0
-// |•7-------6
-// |• • • • •|
-// 2---3• • •|
-//     4-----5
-//
-// Note that points 0 and 1 always have the same y-value, points 1 and 2 have
-// the same x-value, and so on, so we don’t need to materialize the x- and y-
-// values of all points. Also note that we can’t use the already-projected y-
-// values because these assume that y-values are distributed linearly along y
-// rather than wrapping around in columns.
-//
-// The corner points may be coincident. If the ending value is an even multiple
-// of the number of columns, say representing the interval 2–10, then points 6,
-// 7, and 0 are the same.
-//
-// 1-----0/7/6
-// |• • • • •|
-// 2---3• • •|
-//     4-----5
-//
-// Likewise if the starting value is an even multiple, say representing the
-// interval 0–10, points 2–4 are coincident.
-//
-// 1-----0/7/6
-// |• • • • •|
-// |• • • • •|
-// 4/3/2-----5
-//
-// Waffles can also represent fractional intervals (e.g., 2.4–10.1). These
-// require additional corner cuts, so the implementation below generates a few
-// more points.
-//
+/**
+ * This implementation is based on the waffle chart implementation in Observable Plot!
+ * https://github.com/observablehq/plot/blob/main/src/marks/waffle.js
+ *
+ * Kept the comments from the original implementation for clarity.
+ */
 import { getPatternId } from '../../helpers/getBaseStyles';
 export function wafflePolygon(y, options, scales) {
     const x = y === 'y' ? 'x' : 'y';