State improvements

.changeset/afraid-jobs-say.md

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

.changeset/blue-rules-feel.md

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

.changeset/breezy-oranges-drive.md

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

.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/clear-moose-rush.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+refactor(Chart): Add `debug` prop and update `settings` context

.changeset/eighty-foxes-notice.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Add Image component. Resolves #628

.changeset/fiery-lamps-tickle.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(SeriesState): Support passing `selected` as part of series declaration (Ex. ` <Chart series={...}>`)

.changeset/good-glasses-design.md

@@ -1,5 +1,12 @@
 ---
+'shadcn-svelte-1': patch
+'svelteux-2': patch
+'skeleton-3': patch
+'skeleton4': patch
+'standalone': patch
 'layerchart': patch
+'daisyui-5': patch
+'docs': patch
 ---
 
 Removed lodash-es dependency

.changeset/green-hotels-strive.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Area|Highlight): Properly handling diveraging stack layouts for negative values (line, highlight point)

.changeset/lucky-cats-stand.md

@@ -0,0 +1,9 @@
+---
+'layerchart': minor
+---
+
+feat: Add data mode to primitive components (Circle, Ellipse, Group, Line, Polygon, Rect, Text)
+
+Primitives now accept string or function accessors for positional props (e.g. `x="date"`, `y={d => d.value}`) to automatically resolve values through chart scales and iterate over data. Components also accept an optional `data` prop to override chart context data.
+
+Color properties (`fill`, `stroke`) can also be data-driven, resolving per-item through the chart's color scale (`cScale`). String values are disambiguated: data property names resolve through `cScale`, while literal CSS colors pass through unchanged.

.changeset/lucky-worlds-share.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Points|Labels): Correctly position when using array accessors (duration charts, etc). Fixes #633

.changeset/new-pans-serve.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Add inertia (momentum) support for transform drag gestures

.changeset/ninety-melons-tickle.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Add Cell mark. Resolves #627.

.changeset/pretty-roses-invent.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+breaking(Chart): Rename `tooltip` prop to `tooltipContext` to better describe purpose and fix conflict with new `tooltip` snippet

.changeset/purple-beers-smile.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Add Chord layout and Ribbon primitive

.changeset/rename-scroll-mode.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking(TransformContext): Rename `initialScrollMode` to `scrollMode` and make it reactive

.changeset/ripe-numbers-speak.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Chart): Support `motion` prop to transition x/y scales using tween or spring

.changeset/scroll-activation-key.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(TransformContext): Add `scrollActivationKey` option to require a modifier key (meta, alt, control, shift) for scroll/wheel zoom/pan, preventing accidental page scroll from triggering transforms

.changeset/shiny-mails-hug.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Transform): Add zoom/pan constraints (`scaleExtent`, `translateExtent`, `constrain`, `domainExtent`), replace `geo.applyTransform` with `transform.mode: 'projection' | 'rotate'`, and reactively sync initial transform values on projection changes

.changeset/silver-baboons-smile.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+breaking(Arc|Pie|Calendar|GeoPath): Rename `tooltipContext` to simple `tooltip` (boolean), simplifying use case

.changeset/small-moles-jog.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Bar): Support fixed `width` and `height` props to override scale-derived dimensions, centering the bar within its band. Resolves #360

.changeset/smooth-domains-zoom.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Chart): Add cartesian pan/zoom via `transform={{ mode: 'domain' }}` with single or both axis support. Resolves #366

.changeset/twenty-teeth-stand.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(TooltipContext): Support band mode with array-based range accessors (e.g. histograms using `x={['x0', 'x1']}`)

.changeset/warm-labels-shine.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Labels): Support `seriesKey` in `labels` prop to filter which series renders labels. Resolves #633

.changeset/wide-pillows-march.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Rect): New edge-based props (`x0`/`x1`/`y0`/`y1`) along with existing (`x`/`y`/`width`/`height`) and `insets` support

.changeset/wide-wasps-enjoy.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Add Vector component

.gitignore

@@ -10,6 +10,7 @@ coverage/
 .vscode
 
 test-*
+.vitest-attachments/
 
 # Content Collections
 .content-collections

docs/content-collections.ts

@@ -153,6 +153,7 @@ const guides = defineCollection({
 	schema: z.object({
 		title: z.string(),
 		description: z.string().optional(),
+		category: z.string().optional(),
 		order: z.number().optional(),
 		draft: z.boolean().default(false),
 		content: z.string()

docs/package.json

@@ -131,6 +131,7 @@
 		"@webcontainer/api": "^1.6.1",
 		"ansi_up": "^6.0.6",
 		"codemirror": "^6.0.2",
+		"d3-geo-projection": "^4.0.0",
 		"flexsearch": "^0.8.212",
 		"satori": "^0.26.0",
 		"satori-html": "^0.3.2"

docs/src/content/components/Area.md

@@ -13,6 +13,14 @@ See also: [AreaChart](/docs/components/AreaChart) for simplified examples
 
 :example{ name="basic" showCode }
 
+### Ridgeline
+
+:example{ name="ridgeline" showCode }
+
+### Ridgeline (KDE)
+
+:example{ name="ridgeline-kde" showCode }
+
 ### Playground
 
 :example{ name="playground" }

docs/src/content/components/Bar.md

@@ -9,4 +9,10 @@ related: [Bars]
 
 :example{ component="Bars" name="vertical-customize-individual-styles" showCode }
 
-Typically the component is rendering within the `Bars` mark but can be rendered explicitly when you need more control on a per-mark basis
+Typically the component is rendered within the `Bars` mark but can be rendered explicitly when you need more control on a per-mark basis.
+
+## Fixed width
+
+Use `width` or `height` to override the scale-derived size with a fixed pixel value. The bar is centered within its band.
+
+:example{ component="Bars" name="vertical-fixed-width" showCode }

docs/src/content/components/BarChart.md

@@ -13,6 +13,12 @@ related: [Chart, Bars]
 See also: [Axis](/docs/components/Axis) for examples of using time scale axes with bar charts
 :::
 
+## Fixed width
+
+Use `width` or `height` on bars to override the scale-derived size with a fixed pixel value. The bar is centered within its band.
+
+:example{ name="vertical-fixed-width" showCode }
+
 <!-- ## Examples
 
 ### Vertical (default)

docs/src/content/components/Bars.md

@@ -12,3 +12,9 @@ See also: [BarChart](/docs/components/BarChart) for simplified examples
 ## Usage
 
 :example{ name="vertical-basic" showCode }
+
+## Fixed width
+
+Use `width` or `height` to override the scale-derived size with a fixed pixel value. The bar is centered within its band.
+
+:example{ name="vertical-fixed-width" showCode }

docs/src/content/components/BrushContext.md

@@ -55,9 +55,9 @@ related: []
 
 :example{name="separate-chart-(filter-data)"}
 
-### Sync brushes with `bind:xDomain`
+### Synced brushes
 
-:example{name="sync-brushes-with-bind-xdomain"}
+:example{name="synced-brushes"}
 
 ### Tooltip interop
 
@@ -67,6 +67,10 @@ related: []
 
 :example{name="selection"}
 
+### Programmatic control
+
+:example{name="programmatic-control"}
+
 ### Minimap
 
 :example{name="minimap"}

docs/src/content/components/Cell.md

@@ -0,0 +1,38 @@
+---
+description: Mark component which draws rectangles or circles positioned in two ordinal dimensions, ideal for heatmaps, grids, and punchcards.
+category: marks
+layers: [svg, canvas, html]
+related: [Rect, Circle, Bar]
+---
+
+## Usage
+
+### Basic
+
+Use `Cell` with two `scaleBand` dimensions to draw a grid of cells. Each cell is automatically sized to the band width and height.
+
+:example{ name="basic" showCode }
+
+### Color scale
+
+Map cell colors to data values using `c`, `cScale`, `cDomain`, and `cRange` on Chart with `fill` on Cell.
+
+:example{ name="color-scale" showCode }
+
+### Rounded with insets
+
+Use `insets` to add spacing between cells and `rx` for rounded corners.
+
+:example{ name="rounded-insets" showCode }
+
+### Circle
+
+Set `shape="circle"` to render circles centered within each cell.
+
+:example{ name="circle" showCode }
+
+### Punchcard
+
+Combine `shape="circle"` with the `r` scale to size circles by a data value, creating a punchcard chart.
+
+:example{ name="punchcard" showCode }

docs/src/content/components/Chord.md

@@ -0,0 +1,34 @@
+---
+description: Layout component which computes a chord diagram from an adjacency matrix, rendering group arcs and ribbon paths to visualize relationships and flow between categories.
+category: layout
+layers: [svg, canvas]
+related: [Arc, Ribbon]
+---
+
+## Usage
+
+:example{ name="basic" showCode }
+
+## Directed
+
+Use `variant="directed"` with directed `Ribbon` to show flow direction with arrowheads.
+
+:example{ name="directed" showCode }
+
+## Gradient
+
+Ribbons with per-chord gradients blending source to target colors, with hover interaction.
+
+:example{ name="gradient" showCode }
+
+## Radial ticks
+
+Chord diagram with radial tick marks and labels around the outer ring, based on the [Observable D3 chord diagram](https://observablehq.com/@d3/chord-diagram).
+
+:example{ name="ticks" showCode }
+
+## Hover interaction
+
+Hover over groups or ribbons to highlight connections.
+
+:example{ name="hover" showCode }

docs/src/content/components/Circle.md

@@ -7,18 +7,26 @@ related: [Points]
 
 ## Usage
 
+### Pixel mode
+
+Pass numeric pixel values for `cx`, `cy`, and `r` to position and size circles directly.
+
 :example{ name="styling-using-classes" showCode }
 
-<!-- ## Examples
+### Data mode
+
+Pass string property names or accessor functions to `cx` and `cy` to have values resolved from data and scaled automatically. The component renders one circle per data item.
+
+:example{ name="data-mode" showCode }
 
-### Styling using classes
+### Color via ordinal scale
 
-:example{ name="styling-using-classes" }
+Use `fill` or `stroke` with a data property name to color each item through the chart's color scale.
 
-### Styling using attributes
+:example{ name="color-via-ordinal-scale" showCode }
 
-:example{ name="styling-using-attributes" }
+### Color via threshold scale
 
-### Styling using CSS variables
+Use a threshold scale to color items based on value ranges.
 
-:example{ name="styling-using-css-variables" } -->
+:example{ name="color-via-threshold-scale" showCode }