@motionscript/charts 0.1.1-alpha.0 → 0.1.1-alpha.1

package/dist/radar-chart/radar-grid.d.ts

@@ -0,0 +1,43 @@
+import { type NodeOf, type Node2D as _Node2D, type Node2DProps as _Node2DProps, type Stroke, type StrokeResolved } from "@motionscript/sdk";
+import { type GridShape } from "./shared.js";
+/**
+ * The web of a {@link RadarChart}: `levels` rings and, if asked, a spoke to each
+ * of `count` categories, drawn from the node's centre out to `radius`. `reveal`
+ * grows the web from nothing.
+ */
+export declare const RadarGrid: import("@motionscript/sdk").Component<"radarGrid", import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly count: 0;
+    /** The rim, in px. */
+    readonly radius: 0;
+    readonly levels: 4;
+    readonly shape: import("@motionscript/sdk").Type<GridShape, GridShape, false>;
+    readonly stroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    /** The line out to each category; empty draws none. */
+    readonly spokeStroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    /** How far the web has grown out, `0`-`1`. Rests at 1 so a paused canvas paints it. */
+    readonly reveal: 1;
+}>, {}, null, _Node2D<_Node2DProps>, import("@motionscript/sdk").CallProps<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly count: 0;
+    /** The rim, in px. */
+    readonly radius: 0;
+    readonly levels: 4;
+    readonly shape: import("@motionscript/sdk").Type<GridShape, GridShape, false>;
+    readonly stroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    /** The line out to each category; empty draws none. */
+    readonly spokeStroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    /** How far the web has grown out, `0`-`1`. Rests at 1 so a paused canvas paints it. */
+    readonly reveal: 1;
+}>, null, import("@motionscript/sdk").BuiltNode<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly count: 0;
+    /** The rim, in px. */
+    readonly radius: 0;
+    readonly levels: 4;
+    readonly shape: import("@motionscript/sdk").Type<GridShape, GridShape, false>;
+    readonly stroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    /** The line out to each category; empty draws none. */
+    readonly spokeStroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    /** How far the web has grown out, `0`-`1`. Rests at 1 so a paused canvas paints it. */
+    readonly reveal: 1;
+}>, {}, _Node2D<_Node2DProps>>>>;
+export type RadarGrid = NodeOf<typeof RadarGrid>;
+//# sourceMappingURL=radar-grid.d.ts.map

package/dist/radar-chart/radar-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-grid.d.ts","sourceRoot":"","sources":["../../src/radar-chart/radar-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,MAAM,EAEX,KAAK,MAAM,IAAI,OAAO,EACtB,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,MAAM,EACX,KAAK,cAAc,EAEpB,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzD;;;;GAIG;AACH,eAAO,MAAM,SAAS;;IAIlB,sBAAsB;;;;;IAKtB,uDAAuD;;IAEvD,uFAAuF;;;;IAPvF,sBAAsB;;;;;IAKtB,uDAAuD;;IAEvD,uFAAuF;;;;IAPvF,sBAAsB;;;;;IAKtB,uDAAuD;;IAEvD,uFAAuF;;gCAyCzF,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,SAAS,CAAC,CAAA"}

package/dist/radar-chart/radar-grid.js

@@ -0,0 +1,61 @@
+import { Graphics2D, Types, clamp, component2d, strokeOps, } from "@motionscript/sdk";
+import { loadPaints } from "../kit/paints.js";
+import { spokeDirection } from "./shared.js";
+/**
+ * The web of a {@link RadarChart}: `levels` rings and, if asked, a spoke to each
+ * of `count` categories, drawn from the node's centre out to `radius`. `reveal`
+ * grows the web from nothing.
+ */
+export const RadarGrid = component2d({
+    key: "radarGrid",
+    state: {
+        count: 0,
+        /** The rim, in px. */
+        radius: 0,
+        levels: 4,
+        shape: Types.custom("polygon"),
+        stroke: Types.custom([], { resolve: strokeOps.resolve, lerp: strokeOps.lerp }),
+        /** The line out to each category; empty draws none. */
+        spokeStroke: Types.custom([], { resolve: strokeOps.resolve, lerp: strokeOps.lerp }),
+        /** How far the web has grown out, `0`-`1`. Rests at 1 so a paused canvas paints it. */
+        reveal: 1,
+    },
+    defaults: { width: "fill", height: "fill" },
+    load: (loader, state) => loadPaints(loader, { strokes: [state.stroke, state.spokeStroke] }),
+    render: (ctx, state) => {
+        const grow = clamp(state.reveal, 0, 1);
+        const rim = state.radius * grow;
+        if (rim <= 0 || grow <= 0)
+            return;
+        const count = Math.max(0, Math.round(state.count));
+        const levels = Math.max(1, Math.round(state.levels));
+        const round = state.shape === "circle" || count < 3;
+        // One draw per ring: rings chained into one surface would stroke only their union's outline.
+        for (let level = 1; state.stroke.length > 0 && level <= levels; level++) {
+            const r = (rim * level) / levels;
+            const ring = new Graphics2D();
+            if (round) {
+                ring.ellipse({ width: r * 2, height: r * 2 });
+            }
+            else {
+                const points = [];
+                for (let i = 0; i < count; i++) {
+                    const d = spokeDirection(i, count);
+                    points.push({ x: d.x * r, y: d.y * r });
+                }
+                ring.line({ points, closed: true });
+            }
+            ctx.draw(ring.stroke(state.stroke).opacity(grow));
+        }
+        if (state.spokeStroke.length === 0)
+            return;
+        for (let i = 0; i < count; i++) {
+            const d = spokeDirection(i, count);
+            ctx.draw(new Graphics2D()
+                .line({ points: [{ x: 0, y: 0 }, { x: d.x * rim, y: d.y * rim }] })
+                .stroke(state.spokeStroke)
+                .opacity(grow));
+        }
+    },
+});
+//# sourceMappingURL=radar-grid.js.map

package/dist/radar-chart/radar-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-grid.js","sourceRoot":"","sources":["../../src/radar-chart/radar-grid.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Graphics2D,\n  Types,\n  clamp,\n  component2d,\n  strokeOps,\n  type NodeOf,\n  // Named so this component's emitted type reaches `Node2D` and its props through the sdk, not core.\n  type Node2D as _Node2D,\n  type Node2DProps as _Node2DProps,\n  type Stroke,\n  type StrokeResolved,\n  type Vector2,\n} from \"@motionscript/sdk\"\n\nimport { loadPaints } from \"../kit/paints\"\nimport { spokeDirection, type GridShape } from \"./shared\"\n\n/**\n * The web of a {@link RadarChart}: `levels` rings and, if asked, a spoke to each\n * of `count` categories, drawn from the node's centre out to `radius`. `reveal`\n * grows the web from nothing.\n */\nexport const RadarGrid = component2d({\n  key: \"radarGrid\",\n  state: {\n    count: 0,\n    /** The rim, in px. */\n    radius: 0,\n    levels: 4,\n    shape: Types.custom<GridShape>(\"polygon\"),\n    stroke: Types.custom<Stroke, StrokeResolved[]>([], { resolve: strokeOps.resolve, lerp: strokeOps.lerp }),\n    /** The line out to each category; empty draws none. */\n    spokeStroke: Types.custom<Stroke, StrokeResolved[]>([], { resolve: strokeOps.resolve, lerp: strokeOps.lerp }),\n    /** How far the web has grown out, `0`-`1`. Rests at 1 so a paused canvas paints it. */\n    reveal: 1,\n  },\n  defaults: { width: \"fill\", height: \"fill\" },\n  load: (loader, state) => loadPaints(loader, { strokes: [state.stroke, state.spokeStroke] }),\n  render: (ctx, state) => {\n    const grow = clamp(state.reveal, 0, 1)\n    const rim = state.radius * grow\n    if (rim <= 0 || grow <= 0) return\n    const count = Math.max(0, Math.round(state.count))\n    const levels = Math.max(1, Math.round(state.levels))\n    const round = state.shape === \"circle\" || count < 3\n\n    // One draw per ring: rings chained into one surface would stroke only their union's outline.\n    for (let level = 1; state.stroke.length > 0 && level <= levels; level++) {\n      const r = (rim * level) / levels\n      const ring = new Graphics2D()\n      if (round) {\n        ring.ellipse({ width: r * 2, height: r * 2 })\n      } else {\n        const points: Vector2[] = []\n        for (let i = 0; i < count; i++) {\n          const d = spokeDirection(i, count)\n          points.push({ x: d.x * r, y: d.y * r })\n        }\n        ring.line({ points, closed: true })\n      }\n      ctx.draw(ring.stroke(state.stroke).opacity(grow))\n    }\n\n    if (state.spokeStroke.length === 0) return\n    for (let i = 0; i < count; i++) {\n      const d = spokeDirection(i, count)\n      ctx.draw(\n        new Graphics2D()\n          .line({ points: [{ x: 0, y: 0 }, { x: d.x * rim, y: d.y * rim }] })\n          .stroke(state.spokeStroke)\n          .opacity(grow)\n      )\n    }\n  },\n})\n\nexport type RadarGrid = NodeOf<typeof RadarGrid>\n"]}

package/dist/radar-chart/radar-series.d.ts

@@ -0,0 +1,59 @@
+import { type Fill, type FillResolved, type NodeOf, type Node2D as _Node2D, type Node2DProps as _Node2DProps, type Stroke, type StrokeResolved, type Vector2 } from "@motionscript/sdk";
+/** The vertices of a series' polygon: spoke `i` at `fractions[i]` of the rim, scaled by `grow` about the centre. */
+export declare function seriesVertices(fractions: readonly number[], radius: number, grow?: number): Vector2[];
+/** One series of a {@link RadarChart}: a closed polygon through its values, washed in its colour, with a dot on each vertex. `progress` grows it out of the centre. */
+export declare const RadarSeries: import("@motionscript/sdk").Component<"radarSeries", import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    /** Each spoke's value as a fraction of the rim, `0`-`1`, in spoke order. */
+    readonly fractions: import("@motionscript/sdk").Type<number[], number[], false>;
+    /** The rim, in px. */
+    readonly radius: 0;
+    readonly fill: import("@motionscript/sdk").Type<Fill, FillResolved[], false>;
+    readonly stroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    readonly areaOpacity: 0.25;
+    readonly dots: true;
+    readonly dotSize: 10;
+    /** Growth out of the centre, `0`-`1`. Rests at 1 so a paused canvas paints it; `enter` drives it from 0. */
+    readonly progress: 1;
+    /** Whether the series is drawn at all, flipped alongside its legend entry. */
+    readonly enabled: true;
+}>, {
+    readonly enter: {
+        readonly from: import("@motionscript/sdk").Type<number, number, false>;
+        readonly to: import("@motionscript/sdk").Type<number, number, false>;
+    };
+}, null, _Node2D<_Node2DProps>, import("@motionscript/sdk").CallProps<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    /** Each spoke's value as a fraction of the rim, `0`-`1`, in spoke order. */
+    readonly fractions: import("@motionscript/sdk").Type<number[], number[], false>;
+    /** The rim, in px. */
+    readonly radius: 0;
+    readonly fill: import("@motionscript/sdk").Type<Fill, FillResolved[], false>;
+    readonly stroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    readonly areaOpacity: 0.25;
+    readonly dots: true;
+    readonly dotSize: 10;
+    /** Growth out of the centre, `0`-`1`. Rests at 1 so a paused canvas paints it; `enter` drives it from 0. */
+    readonly progress: 1;
+    /** Whether the series is drawn at all, flipped alongside its legend entry. */
+    readonly enabled: true;
+}>, null, import("@motionscript/sdk").BuiltNode<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    /** Each spoke's value as a fraction of the rim, `0`-`1`, in spoke order. */
+    readonly fractions: import("@motionscript/sdk").Type<number[], number[], false>;
+    /** The rim, in px. */
+    readonly radius: 0;
+    readonly fill: import("@motionscript/sdk").Type<Fill, FillResolved[], false>;
+    readonly stroke: import("@motionscript/sdk").Type<Stroke, StrokeResolved[], false>;
+    readonly areaOpacity: 0.25;
+    readonly dots: true;
+    readonly dotSize: 10;
+    /** Growth out of the centre, `0`-`1`. Rests at 1 so a paused canvas paints it; `enter` drives it from 0. */
+    readonly progress: 1;
+    /** Whether the series is drawn at all, flipped alongside its legend entry. */
+    readonly enabled: true;
+}>, {
+    readonly enter: {
+        readonly from: import("@motionscript/sdk").Type<number, number, false>;
+        readonly to: import("@motionscript/sdk").Type<number, number, false>;
+    };
+}, _Node2D<_Node2DProps>>>>;
+export type RadarSeries = NodeOf<typeof RadarSeries>;
+//# sourceMappingURL=radar-series.d.ts.map

package/dist/radar-chart/radar-series.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-series.d.ts","sourceRoot":"","sources":["../../src/radar-chart/radar-series.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,IAAI,EACT,KAAK,YAAY,EACjB,KAAK,MAAM,EAEX,KAAK,MAAM,IAAI,OAAO,EACtB,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,MAAM,EACX,KAAK,cAAc,EACnB,KAAK,OAAO,EACb,MAAM,mBAAmB,CAAA;AAO1B,oHAAoH;AACpH,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,OAAO,EAAE,CAMhG;AAED,uKAAuK;AACvK,eAAO,MAAM,WAAW;IAGpB,4EAA4E;;IAE5E,sBAAsB;;;;;;;IAOtB,4GAA4G;;IAE5G,8EAA8E;;;;;;;;IAX9E,4EAA4E;;IAE5E,sBAAsB;;;;;;;IAOtB,4GAA4G;;IAE5G,8EAA8E;;;IAX9E,4EAA4E;;IAE5E,sBAAsB;;;;;;;IAOtB,4GAA4G;;IAE5G,8EAA8E;;;;;;;2BAsChF,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,WAAW,CAAC,CAAA"}

package/dist/radar-chart/radar-series.js

@@ -0,0 +1,71 @@
+import { Graphics2D, Types, clamp, component2d, fillOps, strokeOps, } from "@motionscript/sdk";
+import { fresh } from "../kit/entries.js";
+import { frameEase } from "../kit/motion.js";
+import { loadPaints } from "../kit/paints.js";
+import { spokeDirection } from "./shared.js";
+/** The vertices of a series' polygon: spoke `i` at `fractions[i]` of the rim, scaled by `grow` about the centre. */
+export function seriesVertices(fractions, radius, grow = 1) {
+    return fractions.map((f, i) => {
+        const d = spokeDirection(i, fractions.length);
+        const r = radius * f * grow;
+        return { x: d.x * r, y: d.y * r };
+    });
+}
+/** One series of a {@link RadarChart}: a closed polygon through its values, washed in its colour, with a dot on each vertex. `progress` grows it out of the centre. */
+export const RadarSeries = component2d({
+    key: "radarSeries",
+    state: {
+        /** Each spoke's value as a fraction of the rim, `0`-`1`, in spoke order. */
+        fractions: fresh(() => []),
+        /** The rim, in px. */
+        radius: 0,
+        fill: Types.custom([], { resolve: fillOps.resolve, lerp: fillOps.lerp }),
+        stroke: Types.custom([], { resolve: strokeOps.resolve, lerp: strokeOps.lerp }),
+        areaOpacity: 0.25,
+        dots: true,
+        dotSize: 10,
+        /** Growth out of the centre, `0`-`1`. Rests at 1 so a paused canvas paints it; `enter` drives it from 0. */
+        progress: 1,
+        /** Whether the series is drawn at all, flipped alongside its legend entry. */
+        enabled: true,
+    },
+    defaults: { width: "fill", height: "fill" },
+    load: (loader, state) => loadPaints(loader, { fills: [state.fill], strokes: [state.stroke] }),
+    commands: {
+        /** Grow the polygon from `from` to `to` (of its full size); `showSeries`/`hideSeries` are this with the ends stated. */
+        enter: {
+            args: { from: Types.number(0, { min: 0, max: 1 }), to: Types.number(1, { min: 0, max: 1 }) },
+            run: (timeline) => {
+                const { from, to } = timeline.args;
+                const ease = frameEase(timeline);
+                return timeline.animate((t) => {
+                    const progress = from + (to - from) * ease(t);
+                    // Hidden only once fully shrunk, so a hide does not vanish a frame early.
+                    return { progress, enabled: progress > 0 };
+                });
+            },
+        },
+    },
+    render: (ctx, state) => {
+        if (!state.enabled)
+            return;
+        const grow = clamp(state.progress, 0, 1);
+        if (grow <= 0 || state.radius <= 0 || state.fractions.length === 0)
+            return;
+        const points = seriesVertices(state.fractions, state.radius, grow);
+        if (points.length >= 2) {
+            const fill = new Graphics2D().line({ points, closed: true });
+            if (state.areaOpacity > 0 && state.fill.length > 0)
+                ctx.draw(fill.fill(state.fill).opacity(clamp(state.areaOpacity, 0, 1)));
+            if (state.stroke.length > 0)
+                ctx.draw(new Graphics2D().line({ points, closed: true }).stroke(state.stroke));
+        }
+        if (state.dots && state.dotSize > 0 && state.fill.length > 0) {
+            const dots = new Graphics2D();
+            for (const p of points)
+                dots.ellipse({ x: p.x, y: p.y, width: state.dotSize, height: state.dotSize });
+            ctx.draw(dots.fill(state.fill));
+        }
+    },
+});
+//# sourceMappingURL=radar-series.js.map

package/dist/radar-chart/radar-series.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-series.js","sourceRoot":"","sources":["../../src/radar-chart/radar-series.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Graphics2D,\n  Types,\n  clamp,\n  component2d,\n  fillOps,\n  strokeOps,\n  type Fill,\n  type FillResolved,\n  type NodeOf,\n  // Named so this component's emitted type reaches `Node2D` and its props through the sdk, not core.\n  type Node2D as _Node2D,\n  type Node2DProps as _Node2DProps,\n  type Stroke,\n  type StrokeResolved,\n  type Vector2,\n} from \"@motionscript/sdk\"\n\nimport { fresh } from \"../kit/entries\"\nimport { frameEase } from \"../kit/motion\"\nimport { loadPaints } from \"../kit/paints\"\nimport { spokeDirection } from \"./shared\"\n\n/** The vertices of a series' polygon: spoke `i` at `fractions[i]` of the rim, scaled by `grow` about the centre. */\nexport function seriesVertices(fractions: readonly number[], radius: number, grow = 1): Vector2[] {\n  return fractions.map((f, i) => {\n    const d = spokeDirection(i, fractions.length)\n    const r = radius * f * grow\n    return { x: d.x * r, y: d.y * r }\n  })\n}\n\n/** One series of a {@link RadarChart}: a closed polygon through its values, washed in its colour, with a dot on each vertex. `progress` grows it out of the centre. */\nexport const RadarSeries = component2d({\n  key: \"radarSeries\",\n  state: {\n    /** Each spoke's value as a fraction of the rim, `0`-`1`, in spoke order. */\n    fractions: fresh<number[]>(() => []),\n    /** The rim, in px. */\n    radius: 0,\n    fill: Types.custom<Fill, FillResolved[]>([], { resolve: fillOps.resolve, lerp: fillOps.lerp }),\n    stroke: Types.custom<Stroke, StrokeResolved[]>([], { resolve: strokeOps.resolve, lerp: strokeOps.lerp }),\n    areaOpacity: 0.25,\n    dots: true,\n    dotSize: 10,\n    /** Growth out of the centre, `0`-`1`. Rests at 1 so a paused canvas paints it; `enter` drives it from 0. */\n    progress: 1,\n    /** Whether the series is drawn at all, flipped alongside its legend entry. */\n    enabled: true,\n  },\n  defaults: { width: \"fill\", height: \"fill\" },\n  load: (loader, state) => loadPaints(loader, { fills: [state.fill], strokes: [state.stroke] }),\n  commands: {\n    /** Grow the polygon from `from` to `to` (of its full size); `showSeries`/`hideSeries` are this with the ends stated. */\n    enter: {\n      args: { from: Types.number(0, { min: 0, max: 1 }), to: Types.number(1, { min: 0, max: 1 }) },\n      run: (timeline) => {\n        const { from, to } = timeline.args\n        const ease = frameEase(timeline)\n        return timeline.animate((t) => {\n          const progress = from + (to - from) * ease(t)\n          // Hidden only once fully shrunk, so a hide does not vanish a frame early.\n          return { progress, enabled: progress > 0 }\n        })\n      },\n    },\n  },\n  render: (ctx, state) => {\n    if (!state.enabled) return\n    const grow = clamp(state.progress, 0, 1)\n    if (grow <= 0 || state.radius <= 0 || state.fractions.length === 0) return\n    const points = seriesVertices(state.fractions, state.radius, grow)\n\n    if (points.length >= 2) {\n      const fill = new Graphics2D().line({ points, closed: true })\n      if (state.areaOpacity > 0 && state.fill.length > 0) ctx.draw(fill.fill(state.fill).opacity(clamp(state.areaOpacity, 0, 1)))\n      if (state.stroke.length > 0) ctx.draw(new Graphics2D().line({ points, closed: true }).stroke(state.stroke))\n    }\n\n    if (state.dots && state.dotSize > 0 && state.fill.length > 0) {\n      const dots = new Graphics2D()\n      for (const p of points) dots.ellipse({ x: p.x, y: p.y, width: state.dotSize, height: state.dotSize })\n      ctx.draw(dots.fill(state.fill))\n    }\n  },\n})\n\nexport type RadarSeries = NodeOf<typeof RadarSeries>\n"]}

package/dist/radar-chart/shared.d.ts

@@ -0,0 +1,73 @@
+import { type DataRecord, type Size2D, type StrokeResolved, type Stroke as _Stroke, type Vector2 } from "@motionscript/sdk";
+import { type ChartSeries } from "../kit/shared.js";
+export type GridShape = "polygon" | "circle";
+/** The radar chart's own grid group: the web the polygons are drawn over. */
+export declare const RADAR_GRID: {
+    /** Whether the rings are straight-edged (a polygon through the spokes) or round. */
+    gridShape: import("@motionscript/sdk").Type<"circle" | "polygon", "circle" | "polygon", false>;
+    /** How many rings, outermost at the scale's maximum. */
+    gridLevels: import("@motionscript/sdk").Type<number, number, false>;
+    /** The rings; empty draws none. */
+    gridStroke: import("@motionscript/sdk").Type<_Stroke, StrokeResolved[], false>;
+    /** The line from the centre out to each category; empty draws none. */
+    spokeStroke: import("@motionscript/sdk").Type<_Stroke, StrokeResolved[], false>;
+    /** Read as the chart is built: whether the category names stand around the rim. */
+    spokeLabels: import("@motionscript/sdk").Type<boolean, boolean, false>;
+};
+export declare const RADAR_MARKS: {
+    /** Outline weight of each series' polygon. */
+    strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
+    /** How strongly each polygon is filled in its series colour; 0 leaves an outline. */
+    areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
+    /** Whether a dot marks each value on its spoke. */
+    dots: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    dotSize: import("@motionscript/sdk").Type<number, number, false>;
+};
+/** The grid and marks fields the parts read, whichever way the chart's style is spelled. */
+export interface RadarStyle {
+    readonly gridShape: GridShape;
+    readonly gridLevels: number;
+    readonly gridStroke: StrokeResolved[];
+    readonly spokeStroke: StrokeResolved[];
+    readonly spokeLabels: boolean;
+    readonly strokeWidth: number;
+    readonly areaOpacity: number;
+    readonly dots: boolean;
+    readonly dotSize: number;
+    readonly fontSize: number;
+}
+/** Spoke `index` of `count`, as a unit direction: 12 o'clock first, clockwise on screen, y up. */
+export declare function spokeDirection(index: number, count: number): Vector2;
+/** One category per data row. */
+export declare function categoriesOf(data: readonly DataRecord[], field: string): string[];
+/** One list of values per series, a value per row. */
+export declare function valuesOf(data: readonly DataRecord[], series: readonly ChartSeries[]): number[][];
+/** `value` rounded up to a tidy 1, 1.5, 2, 2.5, 3, 4, 5, 6, 8 times a power of ten. */
+export declare function niceCeil(value: number): number;
+/**
+ * The scale the web is drawn to: `min` (default 0) to `max`, which when unset
+ * (or not above `min`) is the largest value rounded up tidily.
+ */
+export declare function scaleOf(values: readonly (readonly number[])[], min: number, max: number): {
+    min: number;
+    max: number;
+};
+/** Where `value` stands between the scale's ends, `0`-`1`. */
+export declare function fractionOf(value: number, scale: {
+    min: number;
+    max: number;
+}): number;
+export type LabelAnchor = "centerLeft" | "centerRight" | "bottomCenter" | "topCenter";
+/** Which corner of a category's label touches the point beside its spoke's end. */
+export declare function labelAnchor(index: number, count: number): LabelAnchor;
+export declare function labelPad(fontSize: number): number;
+/** Rough size of a label, since the web is fitted before any text is measured. */
+export declare function labelSize(caption: string, fontSize: number): Size2D;
+/**
+ * The rim's radius for a box: the largest the web can be with every label
+ * (when there are labels) still inside it.
+ */
+export declare function fitRadius(box: Size2D, categories: readonly string[], fontSize: number, labelled: boolean): number;
+/** Where spoke `index`'s label is pinned: just past the rim, centre-relative, y up. */
+export declare function labelPoint(index: number, count: number, radius: number, fontSize: number): Vector2;
+//# sourceMappingURL=shared.d.ts.map

package/dist/radar-chart/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/radar-chart/shared.ts"],"names":[],"mappings":"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"}

package/dist/radar-chart/shared.js

@@ -0,0 +1,123 @@
+import { Types } from "@motionscript/sdk";
+import { num, text } from "../kit/shared.js";
+/** The radar chart's own grid group: the web the polygons are drawn over. */
+export const RADAR_GRID = {
+    /** Whether the rings are straight-edged (a polygon through the spokes) or round. */
+    gridShape: Types.oneOf(["polygon", "circle"]),
+    /** How many rings, outermost at the scale's maximum. */
+    gridLevels: Types.number(4, { min: 1, max: 10, step: 1 }),
+    /** The rings; empty draws none. */
+    gridStroke: Types.stroke({ weight: 2, fill: "white/15" }),
+    /** The line from the centre out to each category; empty draws none. */
+    spokeStroke: Types.stroke({ weight: 2, fill: "white/15" }),
+    /** Read as the chart is built: whether the category names stand around the rim. */
+    spokeLabels: Types.boolean(true, { animatable: false }),
+};
+export const RADAR_MARKS = {
+    /** Outline weight of each series' polygon. */
+    strokeWidth: Types.number(4, { min: 0, max: 24, step: 1, unit: "px" }),
+    /** How strongly each polygon is filled in its series colour; 0 leaves an outline. */
+    areaOpacity: Types.number(0.25, { min: 0, max: 1, step: 0.05 }),
+    /** Whether a dot marks each value on its spoke. */
+    dots: Types.boolean(true),
+    dotSize: Types.number(10, { min: 2, max: 40, step: 1, unit: "px" }),
+};
+/** Fraction of the label's font size between the rim and the label. */
+const LABEL_PAD = 0.55;
+/** Glyph width as a fraction of the font size, for fitting labels. */
+const GLYPH = 0.58;
+/** Room kept clear around the web when nothing else claims it, in px. */
+const MARGIN = 10;
+/** Below this a spoke counts as vertical, and its label centres over it. */
+const SIDE = 0.35;
+/** Spoke `index` of `count`, as a unit direction: 12 o'clock first, clockwise on screen, y up. */
+export function spokeDirection(index, count) {
+    const angle = (index / Math.max(1, count)) * Math.PI * 2;
+    return { x: Math.sin(angle), y: Math.cos(angle) };
+}
+/** One category per data row. */
+export function categoriesOf(data, field) {
+    return data.map((row) => text(row, field));
+}
+/** One list of values per series, a value per row. */
+export function valuesOf(data, series) {
+    return series.map((s) => data.map((row) => num(row, s.field)));
+}
+const MANTISSAS = [1, 1.2, 1.5, 2, 2.5, 3, 4, 5, 6, 8, 10];
+/** `value` rounded up to a tidy 1, 1.5, 2, 2.5, 3, 4, 5, 6, 8 times a power of ten. */
+export function niceCeil(value) {
+    if (!(value > 0))
+        return 1;
+    const power = 10 ** Math.floor(Math.log10(value));
+    const mantissa = value / power;
+    const pick = MANTISSAS.find((m) => m >= mantissa - 1e-9) ?? 10;
+    return pick * power;
+}
+/**
+ * The scale the web is drawn to: `min` (default 0) to `max`, which when unset
+ * (or not above `min`) is the largest value rounded up tidily.
+ */
+export function scaleOf(values, min, max) {
+    if (max > min)
+        return { min, max };
+    let top = min;
+    for (const list of values)
+        for (const v of list)
+            top = Math.max(top, v);
+    const span = niceCeil(top - min);
+    return { min, max: min + span };
+}
+/** Where `value` stands between the scale's ends, `0`-`1`. */
+export function fractionOf(value, scale) {
+    const span = scale.max - scale.min;
+    if (span <= 0)
+        return 0;
+    return Math.min(1, Math.max(0, (value - scale.min) / span));
+}
+/** Which corner of a category's label touches the point beside its spoke's end. */
+export function labelAnchor(index, count) {
+    const { x, y } = spokeDirection(index, count);
+    if (x > SIDE)
+        return "centerLeft";
+    if (x < -SIDE)
+        return "centerRight";
+    return y >= 0 ? "bottomCenter" : "topCenter";
+}
+export function labelPad(fontSize) {
+    return fontSize * LABEL_PAD;
+}
+/** Rough size of a label, since the web is fitted before any text is measured. */
+export function labelSize(caption, fontSize) {
+    return { width: caption.length * fontSize * GLYPH, height: fontSize * 1.25 };
+}
+/**
+ * The rim's radius for a box: the largest the web can be with every label
+ * (when there are labels) still inside it.
+ */
+export function fitRadius(box, categories, fontSize, labelled) {
+    let radius = Math.min(box.width, box.height) / 2 - MARGIN;
+    if (!labelled)
+        return Math.max(0, radius);
+    const pad = labelPad(fontSize);
+    const count = categories.length;
+    categories.forEach((caption, i) => {
+        const { x, y } = spokeDirection(i, count);
+        const size = labelSize(caption, fontSize);
+        const side = labelAnchor(i, count);
+        // How much of the label hangs past its anchor point on each axis.
+        const reachX = side === "centerLeft" || side === "centerRight" ? size.width : size.width / 2;
+        const reachY = side === "bottomCenter" || side === "topCenter" ? size.height : size.height / 2;
+        if (Math.abs(x) > 1e-6)
+            radius = Math.min(radius, (box.width / 2 - reachX - MARGIN / 2) / Math.abs(x) - pad);
+        if (Math.abs(y) > 1e-6)
+            radius = Math.min(radius, (box.height / 2 - reachY - MARGIN / 2) / Math.abs(y) - pad);
+    });
+    return Math.max(0, radius);
+}
+/** Where spoke `index`'s label is pinned: just past the rim, centre-relative, y up. */
+export function labelPoint(index, count, radius, fontSize) {
+    const { x, y } = spokeDirection(index, count);
+    const r = radius + labelPad(fontSize);
+    return { x: x * r, y: y * r };
+}
+//# sourceMappingURL=shared.js.map

package/dist/radar-chart/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/radar-chart/shared.ts"],"names":[],"mappings":"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","sourcesContent":["import { Types, type DataRecord, type Size2D, type StrokeResolved, type Stroke as _Stroke, type Vector2 } from \"@motionscript/sdk\"\n\nimport { num, text, type ChartSeries } from \"../kit/shared\"\n\nexport type GridShape = \"polygon\" | \"circle\"\n\n/** The radar chart's own grid group: the web the polygons are drawn over. */\nexport const RADAR_GRID = {\n  /** Whether the rings are straight-edged (a polygon through the spokes) or round. */\n  gridShape: Types.oneOf([\"polygon\", \"circle\"] as const),\n  /** How many rings, outermost at the scale's maximum. */\n  gridLevels: Types.number(4, { min: 1, max: 10, step: 1 }),\n  /** The rings; empty draws none. */\n  gridStroke: Types.stroke({ weight: 2, fill: \"white/15\" }),\n  /** The line from the centre out to each category; empty draws none. */\n  spokeStroke: Types.stroke({ weight: 2, fill: \"white/15\" }),\n  /** Read as the chart is built: whether the category names stand around the rim. */\n  spokeLabels: Types.boolean(true, { animatable: false }),\n}\n\nexport const RADAR_MARKS = {\n  /** Outline weight of each series' polygon. */\n  strokeWidth: Types.number(4, { min: 0, max: 24, step: 1, unit: \"px\" }),\n  /** How strongly each polygon is filled in its series colour; 0 leaves an outline. */\n  areaOpacity: Types.number(0.25, { min: 0, max: 1, step: 0.05 }),\n  /** Whether a dot marks each value on its spoke. */\n  dots: Types.boolean(true),\n  dotSize: Types.number(10, { min: 2, max: 40, step: 1, unit: \"px\" }),\n}\n\n/** The grid and marks fields the parts read, whichever way the chart's style is spelled. */\nexport interface RadarStyle {\n  readonly gridShape: GridShape\n  readonly gridLevels: number\n  readonly gridStroke: StrokeResolved[]\n  readonly spokeStroke: StrokeResolved[]\n  readonly spokeLabels: boolean\n  readonly strokeWidth: number\n  readonly areaOpacity: number\n  readonly dots: boolean\n  readonly dotSize: number\n  readonly fontSize: number\n}\n\n/** Fraction of the label's font size between the rim and the label. */\nconst LABEL_PAD = 0.55\n/** Glyph width as a fraction of the font size, for fitting labels. */\nconst GLYPH = 0.58\n/** Room kept clear around the web when nothing else claims it, in px. */\nconst MARGIN = 10\n/** Below this a spoke counts as vertical, and its label centres over it. */\nconst SIDE = 0.35\n\n/** Spoke `index` of `count`, as a unit direction: 12 o'clock first, clockwise on screen, y up. */\nexport function spokeDirection(index: number, count: number): Vector2 {\n  const angle = (index / Math.max(1, count)) * Math.PI * 2\n  return { x: Math.sin(angle), y: Math.cos(angle) }\n}\n\n/** One category per data row. */\nexport function categoriesOf(data: readonly DataRecord[], field: string): string[] {\n  return data.map((row) => text(row, field))\n}\n\n/** One list of values per series, a value per row. */\nexport function valuesOf(data: readonly DataRecord[], series: readonly ChartSeries[]): number[][] {\n  return series.map((s) => data.map((row) => num(row, s.field)))\n}\n\nconst MANTISSAS = [1, 1.2, 1.5, 2, 2.5, 3, 4, 5, 6, 8, 10]\n\n/** `value` rounded up to a tidy 1, 1.5, 2, 2.5, 3, 4, 5, 6, 8 times a power of ten. */\nexport function niceCeil(value: number): number {\n  if (!(value > 0)) return 1\n  const power = 10 ** Math.floor(Math.log10(value))\n  const mantissa = value / power\n  const pick = MANTISSAS.find((m) => m >= mantissa - 1e-9) ?? 10\n  return pick * power\n}\n\n/**\n * The scale the web is drawn to: `min` (default 0) to `max`, which when unset\n * (or not above `min`) is the largest value rounded up tidily.\n */\nexport function scaleOf(values: readonly (readonly number[])[], min: number, max: number): { min: number; max: number } {\n  if (max > min) return { min, max }\n  let top = min\n  for (const list of values) for (const v of list) top = Math.max(top, v)\n  const span = niceCeil(top - min)\n  return { min, max: min + span }\n}\n\n/** Where `value` stands between the scale's ends, `0`-`1`. */\nexport function fractionOf(value: number, scale: { min: number; max: number }): number {\n  const span = scale.max - scale.min\n  if (span <= 0) return 0\n  return Math.min(1, Math.max(0, (value - scale.min) / span))\n}\n\nexport type LabelAnchor = \"centerLeft\" | \"centerRight\" | \"bottomCenter\" | \"topCenter\"\n\n/** Which corner of a category's label touches the point beside its spoke's end. */\nexport function labelAnchor(index: number, count: number): LabelAnchor {\n  const { x, y } = spokeDirection(index, count)\n  if (x > SIDE) return \"centerLeft\"\n  if (x < -SIDE) return \"centerRight\"\n  return y >= 0 ? \"bottomCenter\" : \"topCenter\"\n}\n\nexport function labelPad(fontSize: number): number {\n  return fontSize * LABEL_PAD\n}\n\n/** Rough size of a label, since the web is fitted before any text is measured. */\nexport function labelSize(caption: string, fontSize: number): Size2D {\n  return { width: caption.length * fontSize * GLYPH, height: fontSize * 1.25 }\n}\n\n/**\n * The rim's radius for a box: the largest the web can be with every label\n * (when there are labels) still inside it.\n */\nexport function fitRadius(box: Size2D, categories: readonly string[], fontSize: number, labelled: boolean): number {\n  let radius = Math.min(box.width, box.height) / 2 - MARGIN\n  if (!labelled) return Math.max(0, radius)\n  const pad = labelPad(fontSize)\n  const count = categories.length\n  categories.forEach((caption, i) => {\n    const { x, y } = spokeDirection(i, count)\n    const size = labelSize(caption, fontSize)\n    const side = labelAnchor(i, count)\n    // How much of the label hangs past its anchor point on each axis.\n    const reachX = side === \"centerLeft\" || side === \"centerRight\" ? size.width : size.width / 2\n    const reachY = side === \"bottomCenter\" || side === \"topCenter\" ? size.height : size.height / 2\n    if (Math.abs(x) > 1e-6) radius = Math.min(radius, (box.width / 2 - reachX - MARGIN / 2) / Math.abs(x) - pad)\n    if (Math.abs(y) > 1e-6) radius = Math.min(radius, (box.height / 2 - reachY - MARGIN / 2) / Math.abs(y) - pad)\n  })\n  return Math.max(0, radius)\n}\n\n/** Where spoke `index`'s label is pinned: just past the rim, centre-relative, y up. */\nexport function labelPoint(index: number, count: number, radius: number, fontSize: number): Vector2 {\n  const { x, y } = spokeDirection(index, count)\n  const r = radius + labelPad(fontSize)\n  return { x: x * r, y: y * r }\n}\n"]}

package/dist/radial-chart/index.d.ts

@@ -0,0 +1,6 @@
+export { RadialChart } from "./radial-chart.js";
+export type { RadialChartValues } from "./radial-chart.js";
+export { RadialRings, RadialGeometry, bandPath } from "./radial-rings.js";
+export { RADIAL_STYLE_GROUPS, radialFractions, radialMax, resolveRadialRows, rowValue } from "./shared.js";
+export type { RadialMarks, RadialRow, RadialStyle } from "./shared.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/radial-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radial-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACvG,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/radial-chart/index.js

@@ -0,0 +1,4 @@
+export { RadialChart } from "./radial-chart.js";
+export { RadialRings, RadialGeometry, bandPath } from "./radial-rings.js";
+export { RADIAL_STYLE_GROUPS, radialFractions, radialMax, resolveRadialRows, rowValue } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/dist/radial-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/radial-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACtE,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA","sourcesContent":["export { RadialChart } from \"./radial-chart\"\nexport type { RadialChartValues } from \"./radial-chart\"\nexport { RadialRings, RadialGeometry, bandPath } from \"./radial-rings\"\nexport { RADIAL_STYLE_GROUPS, radialFractions, radialMax, resolveRadialRows, rowValue } from \"./shared\"\nexport type { RadialMarks, RadialRow, RadialStyle } from \"./shared\"\n"]}