@fundar/data-chart-telling 0.0.1

package/dist/plots/bar/Plot.svelte

@@ -0,0 +1,176 @@
+<script
+  lang="ts"
+  generics="TData extends Record<string, unknown>"
+>
+  import { SvelteMap } from 'svelte/reactivity';
+  import { paletteColor } from '../../utils/color';
+  import { buildSeries } from '../../utils/grouping';
+  import { BarY, Text } from 'svelteplot';
+  import { resolveAccessor } from '../utils/accessors';
+  import { getConfiguration } from '../../configuration/config.svelte';
+  import { buildGroupedSeries, validateSegments, resolveSegmentsForSeries, matchesSegmentX } from '../utils/segments';
+  import PlotLayout from '../../layout/plot/PlotLayout.svelte';
+  import HoverMarker from '../markers/HoverMarker.svelte';
+  import type { Marker } from '../../types/plots/markers';
+  import type { PlotProps } from '../../types/plots/props';
+  import type { Series, AxisValue } from '../../types/plots/common';
+  import type { BarSegmentStyle, ValueAnchor } from '../../types/plots/styles';
+
+  /**
+   * A vertical bar chart. Accepts either a pre-built `series` array or flat
+   * `data/x/y/z` props — mirrors the line/heatmap plot contract so the
+   * chart-level container/timeline/facet/legend wrap it unchanged.
+   */
+  let {
+    width,
+    height,
+    series,
+    data,
+    x,
+    y,
+    z,
+    styles = {},
+    segments = {},
+    markers = [],
+    scales = {},
+    margins,
+    tooltip = undefined,
+  }: PlotProps<TData, BarSegmentStyle> = $props();
+
+  $effect(() => { validateSegments(segments); });
+
+  const cfg = $derived(getConfiguration());
+  const resolvedSeries = $derived(series ?? buildSeries(data!, x!, y!, z));
+  const groupedSeries = $derived(
+    buildGroupedSeries<Series<TData>, BarSegmentStyle>(resolvedSeries, segments),
+  );
+  const showVals = $derived(styles.values?.show ?? false);
+  const fmtVal = $derived(styles.values?.format ?? ((v: number) => `${v}`));
+  const valAnchor = $derived<ValueAnchor>(styles.values?.anchor ?? 'outside');
+
+  const seriesMarkers = $derived.by(() => {
+    const map = new SvelteMap<string, Marker[]>();
+    for (const marker of markers) {
+      if (marker.type === 'hover' && marker.series) {
+        if (!map.has(marker.series)) map.set(marker.series, []);
+        map.get(marker.series)!.push(marker);
+      }
+    }
+    return map;
+  });
+
+  const xAcc = $derived(resolveAccessor(resolvedSeries[0]?.x ?? ((d: TData) => d)));
+  const yAcc = $derived(resolveAccessor(resolvedSeries[0]?.y ?? ((d: TData) => d)));
+  const flat = $derived(resolvedSeries.flatMap((s) => s.data));
+  const hoverPoints = $derived(
+    resolvedSeries.flatMap((s) => {
+      const sx = resolveAccessor(s.x);
+      const sy = resolveAccessor(s.y);
+      return s.data.map((d) => ({
+        x: sx(d) as AxisValue,
+        y: Number(sy(d)),
+        row: d,
+        label: String(sy(d)),
+        series: s.name,
+      }));
+    }),
+  );
+</script>
+
+<PlotLayout
+  {width}
+  {height}
+  x={scales.x}
+  y={scales.y}
+  data={flat}
+  getX={xAcc}
+  getY={(d) => Number(yAcc(d))}
+  {hoverPoints}
+  label={(r) => String(yAcc(r))}
+  {tooltip}
+  {markers}
+  seriesData={resolvedSeries}
+  {scales}
+  {margins}
+  defaultStrategy="x"
+>
+  {#snippet children({ matchedPoints, ruleX, ruleY, impliesRuleX, impliesRuleY })}
+  {#each groupedSeries as group, seriesIndex (group.series.name)}
+    {@const defaultColor = paletteColor(seriesIndex, cfg.palette)}
+    {@const xFn = resolveAccessor(group.series.x)}
+    {@const yFn = resolveAccessor(group.series.y)}
+    {#each group.visualSegments as seg, i (`${group.series.name}-${i}`)}
+      <BarY
+        data={seg.data}
+        x={xFn}
+        y={yFn}
+        fill={seg.style.fill ?? defaultColor}
+        fillOpacity={seg.style.fillOpacity ?? 1}
+      />
+    {/each}
+
+    {#if showVals}
+      {@const yTextFn = valAnchor === 'middle'
+        ? (d: TData) => Number(yFn(d)) / 2
+        : valAnchor === 'end'
+        ? () => 0
+        : (d: TData) => Number(yFn(d))}
+      {@const defaultDy = valAnchor === 'outside' ? -6 : valAnchor === 'start' ? 4 : valAnchor === 'end' ? -4 : 0}
+      {@const defaultLA = valAnchor === 'outside' || valAnchor === 'end'
+        ? ('bottom' as const)
+        : valAnchor === 'start'
+        ? ('top' as const)
+        : ('middle' as const)}
+      <Text
+        data={group.series.data}
+        x={xFn}
+        y={yTextFn}
+        text={(d: TData) => fmtVal(Number(yFn(d)), group.series.name)}
+        dx={styles.values?.dx ?? 0}
+        dy={styles.values?.dy ?? defaultDy}
+        textAnchor={styles.values?.textAnchor ?? 'middle'}
+        lineAnchor={styles.values?.lineAnchor ?? defaultLA}
+        lineHeight={styles.values?.lineHeight}
+        rotate={styles.values?.rotate}
+        class={styles.values?.class}
+        textClass={styles.values?.textClass}
+        fill={cfg.axis.color}
+        fontSize={12}
+      />
+    {/if}
+
+    {#each seriesMarkers.get(group.series.name) ?? [] as marker, i (`series-${group.series.name}-hover-${i}`)}
+      {#if marker.type === 'hover'}
+        {@const seriesPoints = matchedPoints.filter((p) => p.series === group.series.name)}
+        {#if marker.scope === 'segment'}
+          {@const segs = resolveSegmentsForSeries(segments, group.series.name)}
+          {#each segs as seg, segIdx (`${group.series.name}-hover-segment-${segIdx}`)}
+            {@const segPoints = seriesPoints.filter((p) => matchesSegmentX(p.x, seg))}
+            {#if segPoints.length > 0}
+              <HoverMarker
+                data={segPoints}
+                ruleX={marker.ruleX !== false && (impliesRuleX || marker.ruleX === true) ? ruleX : null}
+                ruleY={marker.ruleY !== false && (impliesRuleY || marker.ruleY === true) ? ruleY : null}
+                showLabels={marker.showLabels}
+                ruleStyle={marker.ruleStyle}
+                dotStyle={marker.dotStyle}
+                fontStyle={marker.fontStyle}
+              />
+            {/if}
+          {/each}
+        {:else}
+          <HoverMarker
+            data={seriesPoints}
+            ruleX={marker.ruleX !== false && (impliesRuleX || marker.ruleX === true) ? ruleX : null}
+            ruleY={marker.ruleY !== false && (impliesRuleY || marker.ruleY === true) ? ruleY : null}
+            showLabels={marker.showLabels}
+            ruleStyle={marker.ruleStyle}
+            dotStyle={marker.dotStyle}
+            fontStyle={marker.fontStyle}
+          />
+        {/if}
+      {/if}
+    {/each}
+  {/each}
+  {/snippet}
+</PlotLayout>

package/dist/plots/bar/Plot.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { PlotProps } from '../../types/plots/props';
+import type { BarSegmentStyle } from '../../types/plots/styles';
+declare function $$render<TData extends Record<string, unknown>>(): {
+    props: PlotProps<TData, BarSegmentStyle>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData extends Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Plot: $$IsomorphicComponent;
+type Plot<TData extends Record<string, unknown>> = InstanceType<typeof Plot<TData>>;
+export default Plot;

package/dist/plots/heatmap/Plot.svelte

@@ -0,0 +1,175 @@
+<script lang="ts" generics="TData extends Record<string, unknown>">
+  import { Cell, Text } from 'svelteplot';
+  import { resolveAccessor } from '../utils/accessors';
+  import { buildSeries } from '../../utils/grouping';
+  import { makeColorScale } from '../../utils/color';
+  import { getConfiguration } from '../../configuration/config.svelte';
+  import PlotLayout from '../../layout/plot/PlotLayout.svelte';
+  import type { PlotProps } from '../../types/plots/props';
+  import type { AxisValue } from '../../types/plots/common';
+  import type { CellSegmentStyle } from '../../types/plots/styles';
+
+  /**
+   * A categorical grid of value-coloured cells. Accepts either a pre-built
+   * `series` array (each {@link Series} may carry `z` as the colour accessor) or
+   * flat `data/x/y/z` props — mirrors the line/bar plot contract so the
+   * chart-level container/timeline/facet/legend wrap it unchanged.
+   *
+   * The colour domain is read from `scales.z.domain`; when absent it is derived
+   * from the visible slice of data.
+   */
+  let {
+    width,
+    height,
+    series,
+    data,
+    x,
+    y,
+    z,
+    styles = {},
+    segments = [],
+    scales = {},
+    margins,
+    markers = [],
+    tooltip = undefined,
+  }: PlotProps<TData, CellSegmentStyle> = $props();
+
+  $effect(() => {
+    const scoped = markers.filter(
+      (m) => (m.type === 'hover' || m.type === 'component') && m.series,
+    );
+    if (scoped.length > 0) {
+      console.warn(
+        'HeatmapPlot: markers scoped to a `series` are ignored — heatmaps have no series concept.',
+      );
+    }
+    if (!Array.isArray(segments) && Object.keys(segments).length > 0) {
+      console.warn(
+        'HeatmapPlot: `segments` was passed as a record (SeriesAwareSegmentsMap) but heatmaps have no named series — use the array form (Segment[]) instead.',
+      );
+    }
+  });
+
+  const cfg = $derived(getConfiguration());
+  const minColor = $derived(styles.colors?.min ?? cfg.continuous.min);
+  const maxColor = $derived(styles.colors?.max ?? cfg.continuous.max);
+  const showVals = $derived(styles.values?.show ?? true);
+  const fmtVal = $derived(styles.values?.format ?? ((v: number) => `${v}`));
+
+  const resolvedSeries = $derived(series ?? buildSeries(data!, x!, y!, undefined));
+  const flat = $derived(resolvedSeries.flatMap((s) => s.data));
+
+  const getX = $derived(resolveAccessor<TData>(resolvedSeries[0]?.x ?? x!));
+  const getY = $derived(resolveAccessor<TData>(resolvedSeries[0]?.y ?? y!));
+  const getZ = $derived(resolveAccessor<TData>(resolvedSeries[0]?.z ?? z!));
+
+  const hoverPoints = $derived(
+    flat.map((d) => ({
+      x: getX(d) as AxisValue,
+      y: getY(d) as AxisValue,
+      row: d,
+      label: fmtVal(Number(getZ(d)), ''),
+    })),
+  );
+
+  const xDomain = $derived([...new Set(flat.map((d) => getX(d) as AxisValue))]);
+  const yDomain = $derived([...new Set(flat.map((d) => getY(d) as AxisValue))]);
+
+  const valueDomain = $derived.by((): [number, number] => {
+    if (scales.z?.domain && scales.z.domain.length >= 2) {
+      return [Number(scales.z.domain[0]), Number(scales.z.domain[1])];
+    }
+    const vals = flat.map((d) => Number(getZ(d)));
+    return vals.length ? [Math.min(...vals, 0), Math.max(...vals)] : [0, 1];
+  });
+
+  const colorScale = $derived(
+    makeColorScale(valueDomain[0], valueDomain[1], minColor, maxColor),
+  );
+
+  const segList = $derived(Array.isArray(segments) ? segments : []);
+
+  const segStyleMap = $derived.by(() => {
+    const map = new Map<string, CellSegmentStyle>();
+    if (!segList.length) return map;
+    for (const d of flat) {
+      const cx = getX(d) as AxisValue;
+      const cy = getY(d) as AxisValue;
+      const key = `${String(cx)}::${String(cy)}`;
+      if (!map.has(key)) {
+        let style: CellSegmentStyle = {};
+        for (const seg of segList) {
+          const areas = seg.areas;
+          const matches =
+            !areas || areas.length === 0
+              ? true
+              : areas.some((area) => {
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  const xOk = !area.x || ((area.x.from === undefined || (cx as any) >= area.x.from) && (area.x.to === undefined || (cx as any) <= area.x.to));
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  const yOk = !area.y || ((area.y.from === undefined || (cy as any) >= area.y.from) && (area.y.to === undefined || (cy as any) <= area.y.to));
+                  return xOk && yOk;
+                });
+          if (matches) style = { ...style, ...seg.style };
+        }
+        map.set(key, style);
+      }
+    }
+    return map;
+  });
+
+  const getCellStyle = $derived(
+    (d: TData) => segStyleMap.get(`${String(getX(d))}::${String(getY(d))}`) ?? {},
+  );
+</script>
+
+<PlotLayout
+  {width}
+  {height}
+  x={{ type: 'band', labelAnchor: 'right', domain: xDomain, ...(scales.x ?? {}) }}
+  y={{ type: 'band', domain: yDomain, ...(scales.y ?? {}) }}
+  data={flat}
+  {getX}
+  {getY}
+  matchY={getY}
+  {hoverPoints}
+  label={(d) => fmtVal(Number(getZ(d)), '')}
+  {tooltip}
+  {markers}
+  seriesData={resolvedSeries}
+  scales={scales}
+  {margins}
+  showHoverLabels={false}
+  defaultStrategy="punctual"
+>
+  <Cell
+    data={flat as unknown as Record<string | symbol, never>[]}
+    x={getX}
+    y={getY}
+    fill={(d) => getCellStyle(d as TData).fill ?? colorScale(Number(getZ(d as TData)))}
+    fillOpacity={(d) => getCellStyle(d as TData).fillOpacity ?? 1}
+    stroke={(d) => getCellStyle(d as TData).stroke}
+    strokeWidth={(d) => getCellStyle(d as TData).strokeWidth ?? 0}
+    inset={0.5}
+  />
+
+  {#if showVals}
+    <Text
+      data={flat}
+      x={getX}
+      y={getY}
+      text={(d) => fmtVal(Number(getZ(d)), '')}
+      fill={cfg.continuous.labelColor}
+      fontSize={12}
+      fontWeight={600}
+      textAnchor={styles.values?.textAnchor ?? 'middle'}
+      lineAnchor={styles.values?.lineAnchor ?? 'middle'}
+      dx={styles.values?.dx ?? 0}
+      dy={styles.values?.dy ?? 0}
+      lineHeight={styles.values?.lineHeight}
+      rotate={styles.values?.rotate}
+      class={styles.values?.class}
+      textClass={styles.values?.textClass}
+    />
+  {/if}
+</PlotLayout>

package/dist/plots/heatmap/Plot.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { PlotProps } from '../../types/plots/props';
+import type { CellSegmentStyle } from '../../types/plots/styles';
+declare function $$render<TData extends Record<string, unknown>>(): {
+    props: PlotProps<TData, CellSegmentStyle>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData extends Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Plot: $$IsomorphicComponent;
+type Plot<TData extends Record<string, unknown>> = InstanceType<typeof Plot<TData>>;
+export default Plot;

package/dist/plots/line/Plot.svelte

@@ -0,0 +1,232 @@
+<script
+  lang="ts"
+  generics="TData extends Record<string, unknown>"
+>
+  import { SvelteMap } from 'svelte/reactivity';
+  import { Line, Dot, Text } from 'svelteplot';
+  import { resolveAccessor } from '../utils/accessors';
+  import { getConfiguration } from '../../configuration/config.svelte';
+  import { paletteColor } from '../../utils/color';
+  import { buildSeries } from '../../utils/grouping';
+  import PlotLayout from '../../layout/plot/PlotLayout.svelte';
+  import HoverMarker from '../markers/HoverMarker.svelte';
+  import { buildGroupedSeries, validateSegments, resolveSegmentsForSeries, matchesSegmentX, getDataForSegments } from '../utils/segments';
+  import type { PlotProps } from '../../types/plots/props';
+  import type { Series, AxisValue } from '../../types/plots/common';
+  import type { LineSegmentStyle, ValueAnchor } from '../../types/plots/styles';
+  import type { Marker } from '../../types/plots/markers';
+
+  let {
+    width,
+    height,
+    series,
+    data,
+    x,
+    y,
+    z,
+    styles = {},
+    segments = {},
+    markers = [],
+    scales = {},
+    margins,
+    tooltip = undefined,
+  }: PlotProps<TData, LineSegmentStyle> = $props();
+
+  const resolvedSeries = $derived(series ?? buildSeries(data!, x!, y!, z));
+
+  $effect(() => { validateSegments(segments); });
+
+  const groupedSeries = $derived(
+    buildGroupedSeries<Series<TData>, LineSegmentStyle>(resolvedSeries, segments),
+  );
+
+  const seriesMarkers = $derived.by(() => {
+    const map = new SvelteMap<string, Marker[]>();
+    for (const marker of markers) {
+      if ((marker.type === 'component' || marker.type === 'hover') && marker.series) {
+        if (!map.has(marker.series)) map.set(marker.series, []);
+        map.get(marker.series)!.push(marker);
+      }
+    }
+    return map;
+  });
+
+  const cfg = $derived(getConfiguration());
+  const showVals = $derived(styles.values?.show ?? false);
+  const fmtVal = $derived(
+    styles.values?.format ?? ((v: number, name: string) => `${name} - ${v}`),
+  );
+  const valAnchor = $derived<ValueAnchor>(styles.values?.anchor ?? 'start');
+
+  const xAcc = $derived(resolveAccessor(resolvedSeries[0]?.x ?? ((d: TData) => d)));
+  const yAcc = $derived(resolveAccessor(resolvedSeries[0]?.y ?? ((d: TData) => d)));
+  const flat = $derived(resolvedSeries.flatMap((s) => s.data));
+  const hoverPoints = $derived(
+    resolvedSeries.flatMap((s) => {
+      const sx = resolveAccessor(s.x);
+      const sy = resolveAccessor(s.y);
+      return s.data.map((d) => ({
+        x: sx(d) as AxisValue,
+        y: Number(sy(d)),
+        row: d,
+        label: String(sy(d)),
+        series: s.name,
+      }));
+    }),
+  );
+
+  // Last data point per series, with its palette index for colour.
+  const lastPoints = $derived(
+    resolvedSeries
+      .map((s, idx) => ({ series: s, lastRow: s.data[s.data.length - 1], seriesIndex: idx }))
+      .filter(({ lastRow }) => lastRow !== undefined),
+  );
+</script>
+
+<PlotLayout
+  {width}
+  {height}
+  x={scales.x}
+  y={scales.y}
+  data={flat}
+  getX={xAcc}
+  getY={(d) => Number(yAcc(d))}
+  {hoverPoints}
+  label={(r) => String(yAcc(r))}
+  {tooltip}
+  {markers}
+  seriesData={resolvedSeries}
+  {scales}
+  {margins}
+  defaultStrategy="x"
+>
+  {#snippet children({ matchedPoints, ruleX, ruleY, impliesRuleX, impliesRuleY })}
+  {#each groupedSeries as group, seriesIndex (group.series.name)}
+    {@const defaultColor = paletteColor(seriesIndex, cfg.palette)}
+    {#each group.visualSegments as seg, i (`${group.series.name}-${i}`)}
+      {@const strokeStyle = seg.style.stroke}
+      {@const lineData = seg.data as unknown as Record<string | symbol, never>[]}
+      <Line
+        data={lineData}
+        x={resolveAccessor(group.series.x)}
+        y={resolveAccessor(group.series.y)}
+        stroke={strokeStyle?.stroke ?? defaultColor}
+        strokeWidth={strokeStyle?.strokeWidth ?? cfg.line.strokeWidth}
+        strokeOpacity={strokeStyle?.strokeOpacity ?? 1}
+        strokeDasharray={strokeStyle?.strokeDasharray}
+        strokeLinejoin={strokeStyle?.strokeLinejoin}
+        strokeLinecap={strokeStyle?.strokeLinecap}
+      />
+      {#if seg.style.dots}
+        {@const dotStyle = seg.style.dots}
+        <Dot
+          data={seg.data}
+          x={resolveAccessor(group.series.x)}
+          y={resolveAccessor(group.series.y)}
+          r={dotStyle.dotRadius ?? cfg.line.dotRadius}
+          fill={dotStyle.dotFill ?? strokeStyle?.stroke ?? defaultColor}
+          symbol={dotStyle.dotSymbol ?? 'circle'}
+          stroke={dotStyle.dotStroke ?? strokeStyle?.stroke ?? defaultColor}
+          strokeWidth={dotStyle.dotStrokeWidth ?? 1}
+          fillOpacity={dotStyle.dotFillOpacity ?? strokeStyle?.strokeOpacity ?? 1}
+          strokeOpacity={dotStyle.dotStrokeOpacity ?? strokeStyle?.strokeOpacity ?? 1}
+          strokeDasharray={dotStyle.dotStrokeDasharray}
+        />
+      {/if}
+    {/each}
+
+    {#each seriesMarkers.get(group.series.name) ?? [] as marker, i (`series-${group.series.name}-${marker.type}-${i}`)}
+      {#if marker.type === 'component'}
+        {#if marker.scope === 'segment'}
+          {@const segs = resolveSegmentsForSeries(segments, group.series.name)}
+          {@const xAccessor = resolveAccessor(group.series.x)}
+          {@const segmentDataArrays = getDataForSegments(group.series.data, xAccessor, segs)}
+          {#each segmentDataArrays as segmentData, segIdx (`${group.series.name}-marker-segment-${segIdx}`)}
+            {#if segmentData.length > 0}
+              {@const segmentColor = segs[segIdx]?.style?.stroke?.stroke ?? defaultColor}
+              <marker.component
+                {...marker.props}
+                series={group.series.name}
+                data={segmentData}
+                seriesColor={segmentColor}
+              />
+            {/if}
+          {/each}
+        {:else}
+          {@const segs = resolveSegmentsForSeries(segments, group.series.name)}
+          {@const seriesColor = segs[0]?.style?.stroke?.stroke ?? defaultColor}
+          <marker.component
+            {...marker.props}
+            series={group.series.name}
+            data={group.series.data}
+            seriesColor={seriesColor}
+          />
+        {/if}
+      {:else if marker.type === 'hover'}
+        {@const seriesPoints = matchedPoints.filter((p) => p.series === group.series.name)}
+        {#if marker.scope === 'segment'}
+          {@const segs = resolveSegmentsForSeries(segments, group.series.name)}
+          {#each segs as seg, segIdx (`${group.series.name}-hover-segment-${segIdx}`)}
+            {@const segPoints = seriesPoints.filter((p) => matchesSegmentX(p.x, seg))}
+            {#if segPoints.length > 0}
+              <HoverMarker
+                data={segPoints}
+                ruleX={marker.ruleX !== false && (impliesRuleX || marker.ruleX === true) ? ruleX : null}
+                ruleY={marker.ruleY !== false && (impliesRuleY || marker.ruleY === true) ? ruleY : null}
+                showLabels={marker.showLabels}
+                ruleStyle={marker.ruleStyle}
+                dotStyle={marker.dotStyle}
+                fontStyle={marker.fontStyle}
+              />
+            {/if}
+          {/each}
+        {:else}
+          <HoverMarker
+            data={seriesPoints}
+            ruleX={marker.ruleX !== false && (impliesRuleX || marker.ruleX === true) ? ruleX : null}
+            ruleY={marker.ruleY !== false && (impliesRuleY || marker.ruleY === true) ? ruleY : null}
+            showLabels={marker.showLabels}
+            ruleStyle={marker.ruleStyle}
+            dotStyle={marker.dotStyle}
+            fontStyle={marker.fontStyle}
+          />
+        {/if}
+      {/if}
+    {/each}
+  {/each}
+
+  {#if showVals}
+    {@const defaultDx = valAnchor === 'start' ? 6 : valAnchor === 'end' ? -6 : 0}
+    {@const defaultDy = valAnchor === 'outside' ? -8 : 0}
+    {@const defaultTA = valAnchor === 'start'
+      ? ('start' as const)
+      : valAnchor === 'end'
+      ? ('end' as const)
+      : ('middle' as const)}
+    {@const defaultLA = valAnchor === 'outside'
+      ? ('bottom' as const)
+      : ('middle' as const)}
+    {#each lastPoints as { series: s, lastRow, seriesIndex } (s.name)}
+      {@const xFn = resolveAccessor(s.x)}
+      {@const yFn = resolveAccessor(s.y)}
+      {@const seriesColor = paletteColor(seriesIndex, cfg.palette)}
+      <Text
+        data={[lastRow]}
+        x={xFn}
+        y={yFn}
+        text={() => fmtVal(Number(yFn(lastRow)), s.name)}
+        dx={styles.values?.dx ?? defaultDx}
+        dy={styles.values?.dy ?? defaultDy}
+        textAnchor={styles.values?.textAnchor ?? defaultTA}
+        lineAnchor={styles.values?.lineAnchor ?? defaultLA}
+        lineHeight={styles.values?.lineHeight}
+        rotate={styles.values?.rotate}
+        class={styles.values?.class}
+        textClass={styles.values?.textClass}
+        fill={seriesColor}
+        fontSize={12}
+      />
+    {/each}
+  {/if}
+  {/snippet}
+</PlotLayout>

package/dist/plots/line/Plot.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { PlotProps } from '../../types/plots/props';
+import type { LineSegmentStyle } from '../../types/plots/styles';
+declare function $$render<TData extends Record<string, unknown>>(): {
+    props: PlotProps<TData, LineSegmentStyle>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData extends Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<TData>>['props'];
+    events(): ReturnType<typeof $$render<TData>>['events'];
+    slots(): ReturnType<typeof $$render<TData>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Plot: $$IsomorphicComponent;
+type Plot<TData extends Record<string, unknown>> = InstanceType<typeof Plot<TData>>;
+export default Plot;