semiotic 3.0.0-beta.4 → 3.0.0-beta.6

package/dist/charts/xy/AreaChart.d.ts

@@ -60,7 +60,28 @@ export interface AreaChartProps<TDatum extends Record<string, any> = Record<stri
      */
     curve?: "linear" | "monotoneX" | "monotoneY" | "step" | "stepAfter" | "stepBefore" | "basis" | "cardinal" | "catmullRom";
     /**
-     * Area opacity
+     * Per-point lower bound accessor for band/ribbon charts.
+     * When set, the area fills between yAccessor (top) and y0Accessor (bottom)
+     * instead of filling down to the axis. Use for percentile bands (p5–p95),
+     * confidence intervals, or any ribbon visualization.
+     * @example
+     * ```ts
+     * // Data: [{ x: 0, p95: 80, p5: 20 }, ...]
+     * <AreaChart data={d} xAccessor="x" yAccessor="p95" y0Accessor="p5" />
+     * ```
+     */
+    y0Accessor?: ChartAccessor<TDatum, number>;
+    /**
+     * Gradient fill from line to baseline. Set `true` for default (80% → 5%)
+     * or `{ topOpacity, bottomOpacity }` for custom values.
+     * @default false
+     */
+    gradientFill?: boolean | {
+        topOpacity: number;
+        bottomOpacity: number;
+    };
+    /**
+     * Area opacity (flat fill, ignored when gradientFill is set)
      * @default 0.7
      */
     areaOpacity?: number;

package/dist/charts/xy/ConnectedScatterplot.d.ts

@@ -0,0 +1,60 @@
+import * as React from "react";
+import type { StreamXYFrameProps } from "../../stream/types";
+import type { BaseChartProps, AxisConfig, ChartAccessor } from "../shared/types";
+import { type TooltipProp } from "../../Tooltip/Tooltip";
+/**
+ * ConnectedScatterplot component props
+ */
+export interface ConnectedScatterplotProps<TDatum extends Record<string, any> = Record<string, any>> extends BaseChartProps, AxisConfig {
+    /** Array of data points. Each point needs x and y properties. */
+    data: TDatum[];
+    /** Field name or function to access x values @default "x" */
+    xAccessor?: ChartAccessor<TDatum, number>;
+    /** Field name or function to access y values @default "y" */
+    yAccessor?: ChartAccessor<TDatum, number>;
+    /**
+     * Field name or function that determines point ordering.
+     * Data is sorted by this value (ascending) before connecting.
+     * Supports numbers and Dates. Shown in tooltip. @default undefined (use data array order)
+     */
+    orderAccessor?: string | ((d: TDatum) => number | Date);
+    /** Label for the ordering metric in tooltips @default "Order" or the accessor field name */
+    orderLabel?: string;
+    /** Point radius @default 4 */
+    pointRadius?: number;
+    /** Enable hover annotations @default true */
+    enableHover?: boolean;
+    /** Show grid lines @default false */
+    showGrid?: boolean;
+    /** Tooltip configuration */
+    tooltip?: TooltipProp;
+    /** Accessor for unique point IDs, used by point-anchored annotations */
+    pointIdAccessor?: ChartAccessor<TDatum, string>;
+    /** Annotation objects to render on the chart */
+    annotations?: Record<string, any>[];
+    /** Additional StreamXYFrame props for advanced customization */
+    frameProps?: Partial<Omit<StreamXYFrameProps, "chartType" | "data" | "size">>;
+}
+/**
+ * ConnectedScatterplot — points connected in sequence by lines.
+ *
+ * Points are colored using viridis from start (purple) to end (yellow).
+ * Lines match the color of their source point and have the same width
+ * as the point radius, so the 2×radius circle remains distinctive.
+ * When fewer than 100 points, a 50% transparent white halo is drawn
+ * under each connecting line for legibility.
+ *
+ * @example
+ * ```tsx
+ * <ConnectedScatterplot
+ *   data={trajectory}
+ *   xAccessor="gdp"
+ *   yAccessor="lifeExpectancy"
+ *   pointRadius={4}
+ * />
+ * ```
+ */
+export declare function ConnectedScatterplot<TDatum extends Record<string, any> = Record<string, any>>(props: ConnectedScatterplotProps<TDatum>): React.JSX.Element;
+export declare namespace ConnectedScatterplot {
+    var displayName: string;
+}

package/dist/charts/xy/LineChart.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 import type { StreamXYFrameProps } from "../../stream/types";
 import type { BaseChartProps, AxisConfig, ChartAccessor } from "../shared/types";
 import { type TooltipProp } from "../../Tooltip/Tooltip";
+import type { AnomalyConfig, ForecastConfig } from "../shared/statisticalOverlays";
 /**
  * LineChart component props
  */
@@ -115,6 +116,17 @@ export interface LineChartProps<TDatum extends Record<string, any> = Record<stri
      * Annotation objects to render on the chart
      */
     annotations?: Record<string, any>[];
+    /**
+     * Anomaly detection configuration. Highlights outlier points and shows
+     * a shaded band representing the expected range (mean +/- threshold * stddev).
+     */
+    anomaly?: AnomalyConfig;
+    /**
+     * Forecast configuration. Splits the line into training (dashed),
+     * observed (solid), and forecast (dotted) segments. Shows a confidence
+     * envelope around the extrapolated forecast region.
+     */
+    forecast?: ForecastConfig;
     /**
      * Additional StreamXYFrame props for advanced customization
      * For full control, consider using StreamXYFrame directly