@fundar/data-chart-telling 1.17.0 → 1.18.0

package/dist/plots/distribution/density/markers.d.ts

@@ -1,4 +1,4 @@
-import type { DensityPlotState, DensityPlotCtx } from '../../../types/plots/distribution/density/state';
+import type { DensityPlotState, DensityPlotEnv } from '../../../types/plots/distribution/density/state';
 import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
 /**
  * DensityPlot's "markers" phase: one `area` - or `line`, by `styles.mark` - per
@@ -6,4 +6,4 @@ import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
  * its series. The markers the "statistics" phase already put in `state.markers`
  * come after.
  */
-export declare function buildMarks<TData extends Record<string, unknown>>(state: DensityPlotState<TData>, ctx: DensityPlotCtx): AxisBasedMarkersConfig[];
+export declare function buildMarks<TData extends Record<string, unknown>>(state: DensityPlotState<TData>, env: DensityPlotEnv): AxisBasedMarkersConfig[];

package/dist/plots/distribution/density/markers.js

@@ -5,15 +5,15 @@ import { Transforms } from '../../../phases/transforms/Transforms';
  * its series. The markers the "statistics" phase already put in `state.markers`
  * come after.
  */
-export function buildMarks(state, ctx) {
+export function buildMarks(state, env) {
     const { channels, options, transforms } = state.processedData;
-    const { cfg } = ctx;
+    const { cfg } = env;
     const styles = state.styles;
     const asLine = styles?.mark === 'line';
     return (state.processedGroups ?? []).flatMap((group) => {
         const name = group.series.name;
-        const disabledFill = ctx.interaction?.fillFor(name);
-        const disabledStroke = ctx.interaction?.strokeFor(name);
+        const disabledFill = env.interaction?.fillFor(name);
+        const disabledStroke = env.interaction?.strokeFor(name);
         return group.visualSegments.map((seg) => {
             const color = seg.styles.fill ?? state.colorForSeries(name);
             const style = asLine

package/dist/plots/distribution/histogram/defaults.d.ts

@@ -1,9 +1,9 @@
 import type { AxisPlotDefaults } from '../../../types/phases';
-import type { HistogramPlotState, HistogramPlotCtx } from '../../../types/plots/distribution/histogram/state';
+import type { HistogramPlotState, HistogramPlotEnv } from '../../../types/plots/distribution/histogram/state';
 /**
  * HistogramPlot on the shared pipeline: series read one position channel -
  * `x`, or `y` for a horizontal histogram - binned by the plot's transforms
  * merged over the default bin of that axis, bars from a zero baseline, and its
  * own markers. Its plot defaults to: hover along the binned axis.
  */
-export declare function buildHistogramDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<HistogramPlotState<TData>, HistogramPlotCtx>;
+export declare function buildHistogramDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<HistogramPlotState<TData>, HistogramPlotEnv>;

package/dist/plots/distribution/histogram/defaults.js

@@ -1,5 +1,5 @@
 import { buildMarks } from './markers';
-import { SERIES_KEY } from '../../../phases/transforms/TransformsPhase';
+import { HoverDefaults } from '../../../layout/hover/HoverDefaults';
 import { resolveAccessor } from '../../../utils/accessors';
 import { PlotAxes } from '../../../phases/data/PlotAxes';
 /** One processed channel's value on a row - `undefined` for a channel the transforms didn't set. */
@@ -40,7 +40,23 @@ export function buildHistogramDefaults() {
             }
         },
         transforms: {
-            transforms: (state, ctx) => mergeBin(state.transforms ?? [], ctx.cfg, state.axes?.isHorizontal ?? false)
+            transforms: (state, env) => mergeBin(state.transforms ?? [], env.cfg, state.axes?.isHorizontal ?? false)
+        },
+        // A bin's count and the edges it spans, for its label, its tooltip and its hover.
+        context: (state) => {
+            const { channels } = state.processedData;
+            const value = PlotAxes.valueOf(state);
+            const binned = PlotAxes.other(value);
+            const [count, from, to] = [
+                channels[value],
+                channels[`${binned}1`],
+                channels[`${binned}2`]
+            ].map(readChannel);
+            return ((row) => ({
+                count: Number(count(row)),
+                from: Number(from(row)),
+                to: Number(to(row))
+            }));
         },
         scales: { zero: ['value'] },
         styles: {
@@ -65,29 +81,8 @@ export function buildHistogramDefaults() {
         },
         markers: { marks: buildMarks },
         hover: {
-            // A hovered bin is labelled with its count, and reads as its row plus its count,
-            // the edges it spans and its series.
-            label: (state) => {
-                const count = readChannel(state.processedData.channels[PlotAxes.valueOf(state)]);
-                return ((row) => String(Number(count(row))));
-            },
-            row: (state) => {
-                const { channels } = state.processedData;
-                const value = PlotAxes.valueOf(state);
-                const binned = PlotAxes.other(value);
-                const [count, from, to] = [
-                    channels[value],
-                    channels[`${binned}1`],
-                    channels[`${binned}2`]
-                ].map(readChannel);
-                return ((row) => ({
-                    ...row,
-                    count: Number(count(row)),
-                    from: Number(from(row)),
-                    to: Number(to(row)),
-                    group: row[SERIES_KEY]
-                }));
-            }
+            // The hovered bin's span behind its bar, the whole height of the plot: a bin is no band of a category.
+            marker: (state) => HoverDefaults.behindSpan(PlotAxes.other(PlotAxes.valueOf(state)), 'from', 'to')
         }
     };
 }

package/dist/plots/distribution/histogram/markers.d.ts

@@ -1,4 +1,4 @@
-import type { HistogramPlotState, HistogramPlotCtx } from '../../../types/plots/distribution/histogram/state';
+import type { HistogramPlotState, HistogramPlotEnv } from '../../../types/plots/distribution/histogram/state';
 import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
 /**
  * HistogramPlot's "markers" phase: one `rect` per visual segment of each
@@ -6,4 +6,4 @@ import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
  * the "statistics" phase already put in `state.markers` come after, and its
  * value labels last.
  */
-export declare function buildMarks<TData extends Record<string, unknown>>(state: HistogramPlotState<TData>, ctx: HistogramPlotCtx): AxisBasedMarkersConfig[];
+export declare function buildMarks<TData extends Record<string, unknown>>(state: HistogramPlotState<TData>, env: HistogramPlotEnv): AxisBasedMarkersConfig[];

package/dist/plots/distribution/histogram/markers.js

@@ -9,9 +9,9 @@ import { PlotAxes } from '../../../phases/data/PlotAxes';
  * the "statistics" phase already put in `state.markers` come after, and its
  * value labels last.
  */
-export function buildMarks(state, ctx) {
+export function buildMarks(state, env) {
     const { channels, options, transforms } = state.processedData;
-    const fillOpacity = ctx.cfg.histogram.fillOpacity;
+    const fillOpacity = env.cfg.histogram.fillOpacity;
     // Each bin writes its own count, along its bar: past its top (`'outside'`), against an edge, at its tip or its
     // base - upward, or rightward on a horizontal histogram. A bin with nothing in it writes nothing.
     const labels = state.valueLabels?.show ? state.valueLabels : undefined;
@@ -23,18 +23,19 @@ export function buildMarks(state, ctx) {
     const bottomOf = read(channels[`${value}1`]) ?? (() => 0);
     const countRead = read(channels[value]);
     const countOf = (d) => countRead ? Number(countRead(d)) : Number(position[value](d)) - Number(bottomOf(d));
-    const labelFor = (name) => labels?.shapeLabel(ctx, (d) => (countOf(d) > 0 ? labels.format(countOf(d), name, d) : ''), {
+    const labelFor = (name) => labels?.shapeLabel(env, (d) => (countOf(d) > 0 ? labels.format(countOf(d), d, name) : ''), {
         fill: 'currentColor',
         ...ValueLabels.boxAnchor(labels.anchor, { isHorizontal: value === 'x' })
     });
     const rects = (state.processedGroups ?? []).flatMap((group) => {
-        const disabled = ctx.interaction?.fillFor(group.series.name);
+        const disabled = env.interaction?.fillFor(group.series.name);
         // A stroke the segment sets is not a reason to lose the series' fill, as the marker would take it for the color.
         const color = state.colorForSeries(group.series.name);
         return group.visualSegments.map((seg) => Transforms.finish({
             type: 'rect',
             series: group.series.name,
             data: seg.data,
+            hover: 'style',
             ...(labels ? { label: labelFor(group.series.name) } : {}),
             ...channels,
             ...options,

package/dist/plots/distribution/pyramid/defaults.d.ts

@@ -1,5 +1,5 @@
 import type { AxisPlotDefaults } from '../../../types/phases';
-import type { PyramidPlotState, PyramidPlotCtx } from '../../../types/plots/distribution/pyramid/state';
+import type { PyramidPlotState, PyramidPlotEnv } from '../../../types/plots/distribution/pyramid/state';
 /**
  * PyramidPlot on the shared pipeline. Its `x`/`y` are the visual axes: the one
  * holding categories (read off the values by the "data" phase) runs the bars,
@@ -10,4 +10,4 @@ import type { PyramidPlotState, PyramidPlotCtx } from '../../../types/plots/dist
  * category and magnitude.
  * Its plot defaults to: hover along the category axis; the tween is of the magnitude, keyed by category and side.
  */
-export declare function buildPyramidDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<PyramidPlotState<TData>, PyramidPlotCtx>;
+export declare function buildPyramidDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<PyramidPlotState<TData>, PyramidPlotEnv>;

package/dist/plots/distribution/pyramid/defaults.js

@@ -1,4 +1,5 @@
 import { ProcessedPositions } from '../../../phases/transforms/ProcessedPositions';
+import { HoverDefaults } from '../../../layout/hover/HoverDefaults';
 import { PlotAxes } from '../../../phases/data/PlotAxes';
 import { buildMarks } from './markers';
 import { ValueLabels } from '../../../layout/styles/ValueLabels';
@@ -55,7 +56,7 @@ export function buildPyramidDefaults() {
                     const offset = labels.offset(axis);
                     return labels.extremes(state.resolvedSeries ?? [], axis).map(({ series, value }) => {
                         const left = series.side === 'left';
-                        const text = labels.format(Math.abs(value), series.name);
+                        const text = labels.format(Math.abs(value), undefined, series.name);
                         return isHorizontal
                             ? labels.edgeBox(text, { x: left ? 'before' : 'after', y: 'middle' }, { x: left ? -offset : offset }, [left ? 'left' : 'right'])
                             : labels.edgeBox(text, { x: 'middle', y: left ? 'after' : 'before' }, { y: left ? offset : -offset }, [left ? 'bottom' : 'top']);
@@ -65,6 +66,8 @@ export function buildPyramidDefaults() {
         },
         markers: { marks: buildMarks },
         hover: {
+            // The hovered age group's band behind its bars, across both sides.
+            marker: (state) => HoverDefaults.behindBand(PlotAxes.other(PlotAxes.valueOf(state))),
             // A bar sits at its signed magnitude - below or left of the baseline on the first
             // side - and its category, and reads as its magnitude.
             position: (state) => {

package/dist/plots/distribution/pyramid/markers.d.ts

@@ -1,4 +1,4 @@
-import type { PyramidPlotState, PyramidPlotCtx } from '../../../types/plots/distribution/pyramid/state';
+import type { PyramidPlotState, PyramidPlotEnv } from '../../../types/plots/distribution/pyramid/state';
 import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
 /**
  * PyramidPlot's "markers" phase: one `role: 'segment'` bar per visual
@@ -8,4 +8,4 @@ import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
  * `state.markers`. Emits no `role: 'hitArea'` markers - PyramidPlot's hover
  * matches nearest points rather than hit-testing category bands.
  */
-export declare function buildMarks<TData extends Record<string, unknown>>(state: PyramidPlotState<TData>, ctx: PyramidPlotCtx): AxisBasedMarkersConfig[];
+export declare function buildMarks<TData extends Record<string, unknown>>(state: PyramidPlotState<TData>, env: PyramidPlotEnv): AxisBasedMarkersConfig[];

package/dist/plots/distribution/pyramid/markers.js

@@ -16,7 +16,7 @@ function signFor(s, magnitude) {
  * `state.markers`. Emits no `role: 'hitArea'` markers - PyramidPlot's hover
  * matches nearest points rather than hit-testing category bands.
  */
-export function buildMarks(state, ctx) {
+export function buildMarks(state, env) {
     const { groupedSeries, gapFillMaps } = state;
     const gapDefaults = getConfiguration().pyramid.gap;
     const categoryAxis = PlotAxes.categoryOf(state);
@@ -47,7 +47,7 @@ export function buildMarks(state, ctx) {
         // practice, just not provably so to TypeScript here.
         const category = group.series[categoryAxis];
         const defaultColor = state.colorForSeries(group.series.name);
-        const disabledFill = ctx.interaction?.fillFor(group.series.name);
+        const disabledFill = env.interaction?.fillFor(group.series.name);
         const processed = processedGroups.get(seriesIdOf(group.series));
         const processedCategory = processed?.series[categoryAxis];
         const getMagnitude = resolveAccessor((processed?.series[valueAxis] ?? group.series[valueAxis]));
@@ -60,11 +60,12 @@ export function buildMarks(state, ctx) {
                 type: 'bar',
                 role: 'segment',
                 data: realData,
+                hover: 'style',
                 ...span(processedCategory, signed),
                 // Each bar writes its own magnitude, on its side of the baseline.
                 ...(labels
                     ? {
-                        label: labels.shapeLabel(ctx, (d) => labels.format(Math.abs(Number(getMagnitude(d))), group.series.name, d), { fill: 'currentColor', ...anchorOf(group.series.side) })
+                        label: labels.shapeLabel(env, (d) => labels.format(Math.abs(Number(getMagnitude(d))), d, group.series.name), { fill: 'currentColor', ...anchorOf(group.series.side) })
                     }
                     : {}),
                 styles: {

package/dist/plots/distribution/violin/defaults.d.ts

@@ -1,5 +1,5 @@
 import type { AxisPlotDefaults } from '../../../types/phases';
-import type { ViolinPlotState, ViolinPlotCtx } from '../../../types/plots/distribution/violin/state';
+import type { ViolinPlotState, ViolinPlotEnv } from '../../../types/plots/distribution/violin/state';
 /**
  * ViolinPlot on the shared pipeline: one violin per category of each series
  * along one category axis - `x`, or `y` for horizontal violins - in the order
@@ -7,4 +7,4 @@ import type { ViolinPlotState, ViolinPlotCtx } from '../../../types/plots/distri
  * fits the values, without reaching for zero. Its plot defaults to: hover
  * along the category axis, over one summary per violin, read as a box plot's.
  */
-export declare function buildViolinDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<ViolinPlotState<TData>, ViolinPlotCtx>;
+export declare function buildViolinDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<ViolinPlotState<TData>, ViolinPlotEnv>;

package/dist/plots/distribution/violin/defaults.js

@@ -1,9 +1,9 @@
 import { buildMarks } from './markers';
+import { HoverDefaults } from '../../../layout/hover/HoverDefaults';
 import { BoxSummaries } from '../box/BoxSummaries';
 import { PlotAxes } from '../../../phases/data/PlotAxes';
 import { ProcessedPositions } from '../../../phases/transforms/ProcessedPositions';
 import { NiceTicks } from '../../../layout/scales/NiceTicks';
-import { TooltipState } from '../../../layout/tooltip/TooltipState.svelte';
 /**
  * The value axis fit to the values the violins are drawn from, when the author leaves it unpinned: no svelteplot mark reads them, so nothing else sets its domain.
  */
@@ -43,20 +43,22 @@ export function buildViolinDefaults() {
         scales: {
             bandOrder: 'data',
             fit: (state) => fitValueDomain(state),
-            defaults: (_state, ctx) => ({
+            defaults: (_state, env) => ({
                 category: {
-                    paddingInner: ctx.cfg.violin.paddingInner,
-                    paddingOuter: ctx.cfg.violin.paddingOuter
+                    paddingInner: env.cfg.violin.paddingInner,
+                    paddingOuter: env.cfg.violin.paddingOuter
                 }
             })
         },
+        // Each value's box: its quartiles and whiskers, worked out once for its tooltip and hover to read.
+        context: (state) => BoxSummaries.context(state),
         markers: { marks: buildMarks },
         hover: {
+            // The hovered category's band behind its shape.
+            marker: (state) => HoverDefaults.behindBand(PlotAxes.other(PlotAxes.valueOf(state))),
             rows: BoxSummaries.of,
             position: BoxSummaries.position,
-            label: () => ((row) => String(row.median)),
-            format: (state) => BoxSummaries.format(state),
-            sort: () => TooltipState.descending((row) => row.median)
+            format: (state) => BoxSummaries.format(state)
         }
     };
 }

package/dist/plots/distribution/violin/markers.d.ts

@@ -1,4 +1,4 @@
-import type { ViolinPlotState, ViolinPlotCtx } from '../../../types/plots/distribution/violin/state';
+import type { ViolinPlotState, ViolinPlotEnv } from '../../../types/plots/distribution/violin/state';
 import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
 /**
  * ViolinPlot's "markers" phase: one `violin` - and a narrow `box` over it - per visual
@@ -7,4 +7,4 @@ import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
  * by side. The markers the "statistics" phase already put in `state.markers`
  * come after, so they render on top.
  */
-export declare function buildMarks<TData extends Record<string, unknown>>(state: ViolinPlotState<TData>, ctx: ViolinPlotCtx): AxisBasedMarkersConfig[];
+export declare function buildMarks<TData extends Record<string, unknown>>(state: ViolinPlotState<TData>, env: ViolinPlotEnv): AxisBasedMarkersConfig[];

package/dist/plots/distribution/violin/markers.js

@@ -8,11 +8,11 @@ import { ViolinProfiles } from '../../../markers/violin/ViolinProfiles';
  * by side. The markers the "statistics" phase already put in `state.markers`
  * come after, so they render on top.
  */
-export function buildMarks(state, ctx) {
+export function buildMarks(state, env) {
     const processed = state.processedData;
     if (!processed)
         return [];
-    const { cfg } = ctx;
+    const { cfg } = env;
     const styles = state.styles;
     const { channels } = processed;
     const groups = state.processedGroups ?? [];
@@ -32,7 +32,7 @@ export function buildMarks(state, ctx) {
     const ink = 'currentColor';
     const violins = groups.flatMap((group, index) => {
         const name = group.series.name;
-        const disabled = ctx.interaction?.fillFor(name);
+        const disabled = env.interaction?.fillFor(name);
         return group.visualSegments.map((seg) => ({
             type: 'violin',
             series: name,

package/dist/plots/evolution/area/defaults.d.ts

@@ -1,4 +1,4 @@
 import type { AxisPlotDefaults } from '../../../types/phases';
-import type { AreaPlotState, AreaPlotCtx } from '../../../types/plots/evolution/area/state';
+import type { AreaPlotState, AreaPlotEnv } from '../../../types/plots/evolution/area/state';
 /** AreaPlot on the shared pipeline: areas from a zero baseline, author markers taking the plot's `x`/`y`, and its own markers. Its plot defaults to: hover along x, cumulative timeline tweening `y` per series. */
-export declare function buildAreaDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<AreaPlotState<TData>, AreaPlotCtx>;
+export declare function buildAreaDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<AreaPlotState<TData>, AreaPlotEnv>;

package/dist/plots/evolution/area/defaults.js

@@ -12,7 +12,7 @@ export function buildAreaDefaults() {
         styles: {
             values: {
                 anchor: 'start',
-                format: (v, name, number) => `${name} - ${number(v)}`,
+                format: (v, number, context) => `${context.series} - ${number(v)}`,
                 reach: (labels, state) => labels.reachAtSeriesEnds(state)
             }
         },

package/dist/plots/evolution/area/markers.d.ts

@@ -1,4 +1,4 @@
-import type { AreaPlotState, AreaPlotCtx } from '../../../types/plots/evolution/area/state';
+import type { AreaPlotState, AreaPlotEnv } from '../../../types/plots/evolution/area/state';
 import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
 /**
  * AreaPlot's "markers" phase: one `area` per visual segment of each series,
@@ -11,4 +11,4 @@ import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
  * another series' value label, dims its own areas' fill to
  * `legend.disabledOpacity`, in place, so a stack keeps its full extent.
  */
-export declare function buildMarks<TData extends Record<string, unknown>>(state: AreaPlotState<TData>, ctx: AreaPlotCtx): AxisBasedMarkersConfig[];
+export declare function buildMarks<TData extends Record<string, unknown>>(state: AreaPlotState<TData>, env: AreaPlotEnv): AxisBasedMarkersConfig[];

package/dist/plots/evolution/area/markers.js

@@ -10,17 +10,17 @@ import { Transforms } from '../../../phases/transforms/Transforms';
  * another series' value label, dims its own areas' fill to
  * `legend.disabledOpacity`, in place, so a stack keeps its full extent.
  */
-export function buildMarks(state, ctx) {
+export function buildMarks(state, env) {
     const { resolvedSeries = [] } = state;
     const { channels, options, transforms } = state.processedData;
-    const { cfg } = ctx;
+    const { cfg } = env;
     // A fill opacity per series name, for the dim: a legend-off series fades to
     // the legend's disabled opacity, every other one keeps the area default.
     const fillOpacityOf = (name) => {
-        const off = ctx.interaction?.dimmed(name);
+        const off = env.interaction?.dimmed(name);
         return off ? (off.opacity ?? cfg.legend.disabledOpacity) : cfg.area.fillOpacity;
     };
-    const dimmed = resolvedSeries.some((s) => ctx.interaction?.dimmed(s.name));
+    const dimmed = resolvedSeries.some((s) => env.interaction?.dimmed(s.name));
     const opacityScale = {
         range: Object.fromEntries(resolvedSeries.map((s) => [s.name, fillOpacityOf(s.name)]))
     };

package/dist/plots/evolution/line/defaults.d.ts

@@ -1,4 +1,4 @@
 import type { AxisPlotDefaults } from '../../../types/phases';
-import type { LinePlotState, LinePlotCtx } from '../../../types/plots/evolution/line/state';
+import type { LinePlotState, LinePlotEnv } from '../../../types/plots/evolution/line/state';
 /** LinePlot on the shared pipeline: continuous segments colored by their stroke, and its own markers. Its plot defaults to: hover along x, cumulative timeline tweening `y` per series. */
-export declare function buildLineDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<LinePlotState<TData>, LinePlotCtx>;
+export declare function buildLineDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<LinePlotState<TData>, LinePlotEnv>;

package/dist/plots/evolution/line/defaults.js

@@ -23,7 +23,7 @@ export function buildLineDefaults() {
         styles: {
             values: {
                 anchor: 'start',
-                format: (v, name, number) => `${name} - ${number(v)}`,
+                format: (v, number, context) => `${context.series} - ${number(v)}`,
                 reach: (labels, state) => labels.reachAtSeriesEnds(state)
             }
         },

package/dist/plots/evolution/line/markers.d.ts

@@ -4,7 +4,7 @@ import type { LineSegmentStyle } from '../../../types/plots/segments/common';
 import type { VisualGroup } from '../../../types/plots/segments/config';
 import type { StrokeStyle, DotStyle } from '../../../types/plots/styling';
 import type { LineMarkerConfig, DotMarkerConfig } from '../../../types/markers/common';
-import type { LinePlotState, LinePlotCtx } from '../../../types/plots/evolution/line/state';
+import type { LinePlotState, LinePlotEnv } from '../../../types/plots/evolution/line/state';
 import type { CurveName } from '../../../types/layout/styles/curve';
 import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
 /**
@@ -49,4 +49,4 @@ export declare function buildGapMarkers<TData extends Record<string, unknown>>(a
  * whatever the "statistics" phase already put in `state.markers` - and its
  * value labels on top of everything.
  */
-export declare function buildMarks<TData extends Record<string, unknown>>(state: LinePlotState<TData>, ctx: LinePlotCtx): AxisBasedMarkersConfig[];
+export declare function buildMarks<TData extends Record<string, unknown>>(state: LinePlotState<TData>, env: LinePlotEnv): AxisBasedMarkersConfig[];

package/dist/plots/evolution/line/markers.js

@@ -178,10 +178,10 @@ export function buildGapMarkers(args) {
  * whatever the "statistics" phase already put in `state.markers` - and its
  * value labels on top of everything.
  */
-export function buildMarks(state, ctx) {
+export function buildMarks(state, env) {
     const { colorForSeries, gaps } = state;
-    const disabledStrokeFor = (name) => ctx.interaction?.strokeFor(name);
-    const disabledDotsFor = (name) => ctx.interaction?.dotsFor(name);
+    const disabledStrokeFor = (name) => env.interaction?.strokeFor(name);
+    const disabledDotsFor = (name) => env.interaction?.dotsFor(name);
     const groups = state.processedGroups ?? [];
     const lineMarkers = buildLineMarkers({
         groupedSeries: groups,

package/dist/plots/evolution/slope/defaults.d.ts

@@ -1,8 +1,8 @@
 import type { AxisPlotDefaults } from '../../../types/phases';
-import type { SlopePlotState, SlopePlotCtx } from '../../../types/plots/evolution/slope/state';
+import type { SlopePlotState, SlopePlotEnv } from '../../../types/plots/evolution/slope/state';
 /**
  * SlopePlot on the shared pipeline: a LinePlot over a category axis of a few
  * positions - two, for a slope - with a dot on every point and its first and
  * last labelled, each before or after it.
  */
-export declare function buildSlopeDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<SlopePlotState<TData>, SlopePlotCtx>;
+export declare function buildSlopeDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<SlopePlotState<TData>, SlopePlotEnv>;

package/dist/plots/evolution/slope/defaults.js

@@ -1,4 +1,6 @@
 import { buildMarks, buildValueLabels } from './markers';
+import { PlotAxes } from '../../../phases/data/PlotAxes';
+import { HoverDefaults } from '../../../layout/hover/HoverDefaults';
 import { ValueLabels } from '../../../layout/styles/ValueLabels';
 import { buildLineDefaults } from '../line/defaults';
 /**
@@ -15,17 +17,19 @@ export function buildSlopeDefaults() {
         scales: {
             bandOrder: 'data',
             // The labels give the values, so the value axis stays out of their way.
-            defaults: (_state, ctx) => ({
-                category: { type: 'point', padding: ctx.cfg.slope.padding },
+            defaults: (_state, env) => ({
+                category: { type: 'point', padding: env.cfg.slope.padding },
                 value: { axisDisplay: 'none' }
             })
         },
         styles: {
             values: {
                 anchor: 'start',
-                format: (v, name, number) => `${name} - ${number(v)}`
+                format: (v, number, context) => `${context.series} - ${number(v)}`
             }
         },
-        markers: { marks: buildMarks, valueLabels: buildValueLabels }
+        markers: { marks: buildMarks, valueLabels: buildValueLabels },
+        // Only two positions: a rule along the value axis at the hovered point says more than one across them.
+        hover: { ...line.hover, marker: (state) => HoverDefaults.valueRule(PlotAxes.valueOf(state)) }
     };
 }

package/dist/plots/evolution/slope/markers.d.ts

@@ -1,12 +1,12 @@
 import type { ValueLabels } from '../../../layout/styles/ValueLabels';
 import type { EdgeBox } from '../../../types/layout/box';
 import type { AxisBasedMarkersConfig, TextMarkerConfig } from '../../../types/markers/common';
-import type { SlopePlotState, SlopePlotCtx } from '../../../types/plots/evolution/slope/state';
+import type { SlopePlotState, SlopePlotEnv } from '../../../types/plots/evolution/slope/state';
 /**
  * SlopePlot's "markers" phase: each series' line, with a dot on every point
  * (a slope has few), over the rows the "transforms" phase left.
  */
-export declare function buildMarks<TData extends Record<string, unknown>>(state: SlopePlotState<TData>, ctx: SlopePlotCtx): AxisBasedMarkersConfig[];
+export declare function buildMarks<TData extends Record<string, unknown>>(state: SlopePlotState<TData>, env: SlopePlotEnv): AxisBasedMarkersConfig[];
 /**
  * SlopePlot's value labels: the series' first points labelled before them and
  * its last ones after, each end spread apart where its labels would overlap.

package/dist/plots/evolution/slope/markers.js

@@ -11,7 +11,7 @@ const keyOf = (value) => (value instanceof Date ? value.getTime() : value);
  * SlopePlot's "markers" phase: each series' line, with a dot on every point
  * (a slope has few), over the rows the "transforms" phase left.
  */
-export function buildMarks(state, ctx) {
+export function buildMarks(state, env) {
     const { slope } = getConfiguration();
     const groups = (state.processedGroups ?? []).map((group) => ({
         ...group,
@@ -27,8 +27,8 @@ export function buildMarks(state, ctx) {
     return buildLineMarkers({
         groupedSeries: groups,
         colorFor: state.colorForSeries,
-        disabledStrokeFor: (name) => ctx.interaction?.strokeFor(name),
-        disabledDotsFor: (name) => ctx.interaction?.dotsFor(name),
+        disabledStrokeFor: (name) => env.interaction?.strokeFor(name),
+        disabledDotsFor: (name) => env.interaction?.dotsFor(name),
         curve: state.styles?.curve
     });
 }

package/dist/plots/evolution/sparkline/defaults.d.ts

@@ -1,7 +1,7 @@
 import type { AxisPlotDefaults } from '../../../types/phases';
-import type { SparklinePlotState, SparklinePlotCtx } from '../../../types/plots/evolution/sparkline/state';
+import type { SparklinePlotState, SparklinePlotEnv } from '../../../types/plots/evolution/sparkline/state';
 /**
  * SparklinePlot on the shared pipeline: a LinePlot with its axes left out, a
  * thin line, and a dot and value on the last point of each series.
  */
-export declare function buildSparklineDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<SparklinePlotState<TData>, SparklinePlotCtx>;
+export declare function buildSparklineDefaults<TData extends Record<string, unknown>>(): AxisPlotDefaults<SparklinePlotState<TData>, SparklinePlotEnv>;

package/dist/plots/evolution/sparkline/defaults.js

@@ -1,4 +1,5 @@
 import { buildMarks } from './markers';
+import { HoverDefaults } from '../../../layout/hover/HoverDefaults';
 import { ValueLabels } from '../../../layout/styles/ValueLabels';
 import { buildLineDefaults } from '../line/defaults';
 /**
@@ -15,9 +16,11 @@ export function buildSparklineDefaults() {
             values: {
                 ...line.styles?.values,
                 show: true,
-                format: (value, _name, number) => number(value)
+                format: (value, number) => number(value)
             }
         },
-        markers: { marks: buildMarks, valueLabels: line.markers.valueLabels }
+        markers: { marks: buildMarks, valueLabels: line.markers.valueLabels },
+        // Small and bare: a dot on the hovered point, and nothing else.
+        hover: { ...line.hover, marker: () => ({ back: [], front: [HoverDefaults.dot()] }) }
     };
 }

package/dist/plots/evolution/sparkline/markers.d.ts

@@ -1,7 +1,7 @@
 import type { AxisBasedMarkersConfig } from '../../../types/markers/common';
-import type { SparklinePlotState, SparklinePlotCtx } from '../../../types/plots/evolution/sparkline/state';
+import type { SparklinePlotState, SparklinePlotEnv } from '../../../types/plots/evolution/sparkline/state';
 /**
  * SparklinePlot's "markers" phase: each series' line, thin, and a dot on its
  * last point with a value.
  */
-export declare function buildMarks<TData extends Record<string, unknown>>(state: SparklinePlotState<TData>, ctx: SparklinePlotCtx): AxisBasedMarkersConfig[];
+export declare function buildMarks<TData extends Record<string, unknown>>(state: SparklinePlotState<TData>, env: SparklinePlotEnv): AxisBasedMarkersConfig[];

package/dist/plots/evolution/sparkline/markers.js

@@ -6,10 +6,10 @@ import { isGapValue } from '../../utils/gaps';
  * SparklinePlot's "markers" phase: each series' line, thin, and a dot on its
  * last point with a value.
  */
-export function buildMarks(state, ctx) {
+export function buildMarks(state, env) {
     const { sparkline } = getConfiguration();
     const groups = state.processedGroups ?? [];
-    const disabledDotsFor = (name) => ctx.interaction?.dotsFor(name);
+    const disabledDotsFor = (name) => env.interaction?.dotsFor(name);
     const lines = buildLineMarkers({
         groupedSeries: groups.map((group) => ({
             ...group,
@@ -22,7 +22,7 @@ export function buildMarks(state, ctx) {
             }))
         })),
         colorFor: state.colorForSeries,
-        disabledStrokeFor: (name) => ctx.interaction?.strokeFor(name),
+        disabledStrokeFor: (name) => env.interaction?.strokeFor(name),
         disabledDotsFor,
         curve: state.styles?.curve
     });

package/dist/plots/map/geo/Core.svelte

@@ -7,7 +7,7 @@
 	import BasePlotLayout from '../../../layout/base/BasePlotLayout.svelte';
 	import type { GeoPlotCoreProps } from '../../../types/plots/map/geo/props';
 	import type { CoordinatesConfig } from '../../../types/layout/coordinates';
-	import type { GeoPlotState, GeoPlotCtx } from '../../../types/plots/map/geo/state';
+	import type { GeoPlotState, GeoPlotEnv } from '../../../types/plots/map/geo/state';
 
 	/**
 	 * A map from GeoJSON or TopoJSON. `segments` styles features by id,
@@ -76,7 +76,7 @@
 		y: { domain: [90, -90] }
 	});
 
-	const ctx = $derived<GeoPlotCtx<TProps>>({
+	const env = $derived<GeoPlotEnv<TProps>>({
 		cfg,
 		range,
 		fill: styles.fill,
@@ -103,7 +103,7 @@
 				height,
 				margins
 			},
-			ctx
+			env
 		) as GeoPlotState<TProps>
 	);