LayerChart 2.0 (next)

.changeset/add-boxplot-component.md

@@ -0,0 +1,7 @@
+---
+'layerchart': minor
+---
+
+feat: Add BoxPlot component for box-and-whisker plots
+
+New composite mark that renders whiskers, caps, IQR box, median line, and outlier dots. Supports both pre-computed statistics (`min`, `q1`, `median`, `q3`, `max`, `outliers` accessors) and automatic computation from raw values via the `values` prop. Orientation-aware via `valueAxis` context.

.changeset/add-dodge-component.md

@@ -0,0 +1,19 @@
+---
+'layerchart': minor
+---
+
+feat(Dodge): Add Dodge component for deterministic non-overlapping layout
+
+A new composition component (similar to `ForceSimulation`) that packs items along one axis to avoid overlaps. Modeled after [Observable Plot's `dodge` transform](https://observablehq.com/plot/transforms/dodge):
+
+- `axis`: `'x'` or `'y'` — which axis to dodge along (default `'y'`)
+- `anchor`: `'top'`/`'middle'`/`'bottom'` (for `axis='y'`) or `'left'`/`'middle'`/`'right'` (for `axis='x'`) — controls which edge items grow away from
+- `padding`: minimum px gap between items
+- `r`: collision radius per item (constant or accessor). When omitted, falls back to the chart's `r` accessor / `rScale` (matching `Points`), then to a default of `5`.
+- `position`: override the anchor-axis pixel accessor (defaults to chart's `xGet`/`yGet`)
+
+Yields each item's computed pixel `x`/`y` (and original `index`) via the children snippet, so you can render with any primitive (`Circle`, `Text`, etc.).
+
+Also includes a `rowHeight` mode that switches from circular to row-based rectangular packing — useful for text labels where circular collision would produce unnecessarily large vertical gaps. The pure `dodge()` algorithm is exported from `Dodge.shared.svelte.ts` for direct use.
+
+Algorithm modeled after Observable Plot / SveltePlot: maintains an interval tree of placed items keyed by anchor-axis extent, queries it for items in the new item's collision zone, and builds candidate dodge-axis positions from circle-tangency math. Currently implemented as a linear-scan tracker with the same API; can be swapped for a real interval tree without API changes if profiling demands it.

.changeset/add-geoclippath-component.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: New `GeoClipPath` component for clipping content to GeoJSON boundaries in both SVG and Canvas modes

.changeset/add-georaster-component.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: New `GeoRaster` component for reprojecting raster imagery (e.g. NASA Blue Marble) onto any d3-geo projection via per-pixel inverse sampling on Canvas

.changeset/add-pattern-rects.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Pattern): Add `rects` shape definition for tile patterns for rendering one or more rectangles per pattern tile

.changeset/add-smart-label-placement.md

@@ -0,0 +1,7 @@
+---
+'layerchart': minor
+---
+
+feat(Labels): Add `smart` placement option
+
+New `placement="smart"` mode that dynamically positions labels based on neighboring point values (peak, trough, rising, falling) to reduce overlapping.

.changeset/add-stats-utils.md

@@ -0,0 +1,8 @@
+---
+'layerchart': minor
+---
+
+feat: Add statistical utility functions `computeBoxStats()` and `kde()`
+
+- `computeBoxStats(values, k?)` computes the five-number summary and outliers using the Tukey IQR method
+- `kde(values, options?)` computes kernel density estimation using the Epanechnikov kernel with Silverman's rule-of-thumb bandwidth

.changeset/add-text-segments.md

@@ -0,0 +1,7 @@
+---
+'layerchart': minor
+---
+
+feat(Text): Add `segments` prop for inline mixed-style text
+
+New `segments` prop accepts an array of `{ value, class }` objects to render text with different styles (font size, weight, color) inline. Works across SVG (via tspans), Canvas (via sequential measureText/fillText), and HTML layers. Useful for labels that combine a bold name with a lighter value, such as treemap headers.

.changeset/add-trail-component.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: New Trail component for variable-width lines

.changeset/add-violin-component.md

@@ -0,0 +1,7 @@
+---
+'layerchart': minor
+---
+
+feat: Add Violin component for violin plots
+
+New composite mark that renders a symmetric density curve (mirrored area) from raw data using kernel density estimation (Epanechnikov kernel). Supports pre-computed density data via `density` prop or automatic KDE from raw values via `values` prop. Optional `box` and `median` overlays. Configurable `bandwidth`, `thresholds`, and `curve`.

.changeset/add-waffle-component.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Waffle): Add Waffle component for countable-cell visualizations

.changeset/afraid-jobs-say.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Spline): Support geo projection

.changeset/all-papers-unite.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix: Prevent submitting forms when clicking legend buttons

.changeset/annotation-line-sloped.md

@@ -0,0 +1,8 @@
+---
+'layerchart': minor
+---
+
+feat(AnnotationLine): Add `x1`/`y1`/`x2`/`y2` props for sloped lines
+
+- Pass any combination of `x1`, `y1`, `x2`, `y2` to draw a line between arbitrary points. Missing coordinates fall back to the corresponding axis range (so `x1`/`x2` alone still span the y range, etc.). The existing `x` / `y` shorthand for full-span vertical/horizontal lines is unchanged.
+- Labels on sloped lines automatically rotate to follow the line angle (normalized to stay upright), with `labelPlacement`, `labelXOffset`, and `labelYOffset` applied along and perpendicular to the line.

.changeset/annotation-point-link-callouts.md

@@ -0,0 +1,8 @@
+---
+'layerchart': minor
+---
+
+feat(AnnotationPoint): Add `link` prop for ring-note style callouts, plus geo projection support
+
+- Pass `link={true}` or `link={{ type: 'beveled', radius: 20, ... }}` etc. to draw a `<Link>` from the ring edge to the label. Any `Link` prop (`type`, `curve`, `sweep`, `radius`, `bend`, `class`, ...) can be passed through.
+- Inside a geo `<Chart>`, `x`/`y` are now interpreted as `[lon, lat]` and projected directly, so `AnnotationPoint` can be used on maps.

.changeset/arclabel-component.md

@@ -0,0 +1,17 @@
+---
+'layerchart': minor
+---
+
+feat(ArcLabel): New component for positioning text labels on arc segments
+
+`ArcLabel` is a new marking component for placing text (and optional leader lines) relative to an arc. It's used internally by `PieChart` and `ArcChart` when the `labels` prop is set, but can also be rendered directly inside an `Arc` children snippet.
+
+Supported placements:
+
+- `centroid` — at the arc centroid (horizontal text, default)
+- `centroid-rotated` — at the centroid, rotated to follow the arc tangent, flipped where needed so text stays upright
+- `centroid-radial` — at the centroid, rotated to read along the radial direction (center → outer edge)
+- `inner` / `middle` / `outer` — along the inner, medial, or outer arc path (centered via `startOffset: '50%'` by default)
+- `callout` — outside the arc with a leader line that bends horizontally to the label
+
+`ArcLabel` accepts a single `offset` prop that is routed to the placement-appropriate radial padding (centroid offset, `innerPadding`/`outerPadding`, or `calloutLineLength`), plus `calloutLineLength` / `calloutLabelOffset` / `calloutPadding` for fine-grained control of callout leader lines. The leader line renders via the `Path` primitive, so it works in both SVG and Canvas chart layers.

.changeset/arctext-centered-default.md

@@ -0,0 +1,7 @@
+---
+'layerchart': minor
+---
+
+breaking(Arc): Center arc text along path by default for `inner`/`middle`/`outer` positions
+
+`getArcTextProps('inner' | 'middle' | 'outer')` now defaults to `startOffset: '50%'` with `textAnchor: 'middle'`, centering the text along the arc path rather than anchoring it at the arc start. When an explicit `startOffset` is provided, the anchor falls back to `'start'` so the text begins at that position (matching prior behavior for callers that set a start offset).

.changeset/arctext-inner-padding.md

@@ -0,0 +1,7 @@
+---
+'layerchart': minor
+---
+
+feat(Arc): Add `innerPadding` option to `getArcTextProps` / `getTrackTextProps`
+
+`ArcTextOptions` now supports an `innerPadding` option, symmetric to the existing `outerPadding`. Positive values shrink the inner radius used to build the `inner`/`middle` arc text paths, moving text inward (toward the chart center). Previously, offsetting an `inner`-placed arc label away from the arc edge required overriding the path manually; now it works the same as `outerPadding` does for `outer` text.

.changeset/area-y0-baseline-default.md

@@ -0,0 +1,7 @@
+---
+'layerchart': patch
+---
+
+fix(Area): Default y0 baseline to chart's yBaseline when set
+
+Area's y0 fallback now respects the chart's `yBaseline` prop (e.g. `yBaseline={0}` set by AreaChart) instead of always using `min(yScale.domain())`. This fixes areas filling to the bottom of the chart instead of to the baseline when data goes negative.

.changeset/axis-grid-stroke-fill-props.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat: Add `stroke` and `fill` props to `Axis` and `Grid` for explicit color control (useful for SSR where CSS variables are unavailable)

.changeset/band-scale-transform-brush.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Chart, BrushState): Add band scale (categorical) support for transform pan/zoom and brush selection. Uses range-rescaling pattern to smoothly zoom and pan categorical bar charts. Automatically constrains panning to data boundaries and prevents zooming out past initial view.

.changeset/band-tick-spacing-default.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+fix(Axis): Default `tickSpacing` to `null` for categorical band scales, showing all ticks by default instead of reducing them. Use `tickSpacing={80}` to opt-in to tick reducing on categorical band scale axes.

.changeset/band-tick-spacing.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+Support `tickSpacing` for band scales on Axis, thinning tick labels when the domain is larger than the available space. Automatically shows more tick labels when zoomed in on band scale transforms.

.changeset/bar-html-layer-support.md

@@ -0,0 +1,7 @@
+---
+'layerchart': minor
+---
+
+feat(Bar, Bars): Support `<Html>` layer
+
+Bar/Bars now render in `<Html>` layers in addition to `<Svg>` and `<Canvas>`, including per-corner `rounded` variants (`top`, `bottom`, `left`, `right`, `edge`, and individual corners). Previously, any non-uniform `rounded` value fell through to a `<Path>` and was SVG-only.

.changeset/beige-bears-joke.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: New Connector component (issue #11)

.changeset/beige-doodles-shout.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(ScatterChart): Change default tooltip mode from `voronoi` to `quadtree`

.changeset/beige-trams-check.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Threshold): Properly clip `above` snippet (resolving 1/2 width clipping issues when using Spline)

.changeset/better-eagles-scream.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Bars): Fix inverted rect when rendered top-to-bottom or right-to-left. Fixes #540

.changeset/better-pets-divide.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(AreaChart|BarChar|LineChart): Use value axis (typically y) property name/accessor for tooltip label if defined as string (ex. `<AreaChart x="date" y="visitors">` will use `visitors` instead of `value`)

.changeset/big-boxes-shout.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(TooltipContext): Handle chart padding when using `quadtree` mode

.changeset/blue-doodles-chew.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+breaking(AnnotationLine|AnnotationPoint): Change `labelOffset` into explicit `labelXOffset` and `labelYOffset` for greater control (aligns with AnnotationRange)

.changeset/blue-rules-feel.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Points|Labels): Correctly position when using x1 / y1 scales (issue #773)

.changeset/brave-spies-give.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(GeoPath): Fix reactivity with `curve` when using Canvas context

.changeset/breezy-breads-pump.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Canvas): Fix pointer events (hit canvas) when using Brave browser with fingerprinting protection enabled

.changeset/breezy-donuts-sniff.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(TooltipContext): Support `quadtree-x` and `quadtree-y` modes. Resolves #525

.changeset/breezy-oranges-drive.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Add geo projection support for primitives (Circle, Rect, etc)

.changeset/bright-bubbles-zoom.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Highlight): Add `r` prop to scale highlight points using the chart's rScale. Supports `r={true}` to use the chart's r config or a custom accessor.

.changeset/brown-terms-tie.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Tooltip): Correctly set tooltip position on chart enter and exit

.changeset/brush-api-refactor.md

@@ -0,0 +1,22 @@
+---
+'layerchart': minor
+---
+
+breaking(Brush): Redesign brush API
+
+**Breaking changes:**
+
+- Remove `mode` prop ('integrated' | 'separated') — sync behavior is now driven by presence of `x`/`y` props
+- Remove `resetOnEnd` — call `e.brush.reset()` in your `onBrushEnd` handler instead
+- Remove `ignoreResetClick` — replaced by `clickToReset` (default `true`)
+- Remove `onReset` event — check `brush.active === false` in `onBrushEnd`/`onChange` instead
+
+**New features:**
+
+- Add `BrushState.move({ x?, y? })` for programmatic selection control (like d3's `brush.move()`)
+- Add `BrushState.selectAll()` to select the full domain extent
+- Add `BrushState.reset()` to clear the selection
+- Add `clickToReset` prop (default `true`)
+- Add `zoomOnBrush` prop on Chart for simplified charts to opt into brush-to-zoom
+- Move domain clamping, edge adjustment, and range computation logic into `BrushState` class
+- Add `BrushChartContext` interface for easier testing

.changeset/bumpy-breads-rhyme.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(GeoPath): Do not register with hit canavs unless pointer events (onclick, onpointermove, etc) or tooltipContext are defined

.changeset/calm-jars-mix.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Integrate `annotations` into simplified charts

.changeset/canvas-group-opacity.md

@@ -0,0 +1,9 @@
+---
+'layerchart': patch
+---
+
+fix(canvas): Compose globalAlpha multiplicatively so Group opacity propagates to children
+
+Canvas `renderPathData` was overwriting `ctx.globalAlpha` with absolute values for element opacity, fill opacity, and stroke opacity. This meant a parent `<Group opacity={0.2}>` had no effect on child marks rendered on canvas — the child's own opacity (defaulting to 1) would replace the inherited value.
+
+Now all three sites multiply against the current `globalAlpha`, which correctly composes with ancestor Group opacity set via `save()`/`restore()` scoping. Also removes double-application of element `opacity` inside the fill/stroke blocks (it's already applied at the element level).

.changeset/chart-data-precedence.md

@@ -0,0 +1,16 @@
+---
+'layerchart': patch
+---
+
+fix(Chart): Explicit `<Chart data>` now takes precedence over marks' implicit-series data
+
+When a mark registered its own filtered dataset via `markInfo` (e.g. a decorative `<Text data={highlighted}>` showing labels for a subset), two things went wrong:
+
+1. `ctx.data` would silently switch to the filtered subset via `seriesState.visibleSeriesData`, causing sibling array-driven marks (like `<Link>`) to iterate only the subset.
+2. An implicit series would be created from the decorative mark, narrowing the domain calculation to only the subset's values.
+
+Now when `<Chart data>` is explicit (non-empty):
+- `ctx.data` always returns the chart's data.
+- Marks whose axis accessor matches the chart's axis accessor (including any element of an array accessor like `y={['v1', 'v2']}`) are treated as decorative and don't create implicit series — even if they have their own `data` array.
+
+Marks with their own data still contribute to `flatData` for domain calculation when their accessor differs from the chart's (the multi-dataset / multi-series scenario).

.changeset/chart-props-no-spread.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+perf(Chart): Eliminate per-instance props spread in `ChartState`

.changeset/chart-resolve-domain-series-metadata.md

@@ -0,0 +1,9 @@
+---
+'layerchart': patch
+---
+
+fix(Chart): Don't compute `[undefined, undefined]` domain when `series` is metadata-only
+
+When `series` is configured for legend/color metadata only (no per-series `data`, and items lack the series-key properties on the value axis), the value-axis domain calculation collected all-undefined values and returned `[undefined, undefined]`. Combined with `motion`, this threw `Cannot spring undefined values` whenever the series visibility changed (e.g. toggling a legend swatch).
+
+The series-aware branch now filters out null/undefined values and falls through to the other domain-resolution paths when nothing remains, instead of returning a poisoned extent.

.changeset/chatty-flies-bet.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(HighlightKey): Define `set()` with arrow function to solve `current` access when passed directly

.changeset/chatty-shirts-rule.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Canvas): Support disabling the hit canavs (useful when animations are playing)

.changeset/chilly-games-hide.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(TooltipContext): Revert back to pointer events (instead of mouse/touch) but with `touch-action: pan-y`. Provides simplified events while allowing horizontal scrubbing with vertical scrolling.

.changeset/chubby-ties-play.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(PieChart): Do not pass `y` accessor to use linear scale fallback

.changeset/circle-legend-component.md

@@ -0,0 +1,9 @@
+---
+'layerchart': minor
+---
+
+feat(CircleLegend): New component for visualizing radius (`rScale`) values as nested circles
+
+`CircleLegend` displays a set of bottom-aligned nested circles representing values from a radius scale, useful alongside bubble maps and scatter charts that encode magnitude via circle area. By default it reads `rScale` from the chart context, but a `scale` prop can also be passed to render standalone.
+
+Supports `tickValues` / `ticks` / `tickFormat` for value selection and formatting, a `title` rendered centered above the circles, and `labelPlacement="right" | "left" | "inline"` to render tick labels with a leader line on either side of the circles or centered inside each circle near the top.

.changeset/clean-nights-jog.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(AnnotationPoint): Do not propagate mouse/touch move/leave events to TooltipContext after switching from pointer events. Fixes #598