Simplified Charts

.changeset/chilly-years-vanish.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Bars): Support passing `data` override

.changeset/cold-taxis-sit.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Chart): Expose `config` as slot prop

.changeset/cool-needles-divide.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Add simplified charts to streamline creating common chart types with recommended conventions and granular extensibility (AreaChart, BarChart, LineChart, PieChart, and ScatterChart)

.changeset/cuddly-avocados-trade.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Bar): Forward pointer events to enable individual bar tooltips

.changeset/eight-llamas-pump.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Highlight): Handle non-zero y values when drawing lines (ex. radial line chart with inner radius)

.changeset/empty-pianos-add.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Voronoi): Support radial coordinates. Issue #112

.changeset/five-plums-speak.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking(Tooltip): Rename Tooltip to Tooltip.Root

.changeset/flat-ties-trade.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+breaking(Bar/Bars): Replace groupBy/groupPadding with Chart-level x1/y1 derived scales

.changeset/four-months-judge.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Labels): Handle multiple x or y properties (stack, diverting) by leveraging Points component internally

.changeset/four-rockets-cry.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking(Tooltip): Remove default grid on Tooltip.Root and add Tooltip.List as Tooltip.Item container

.changeset/fresh-houses-run.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking(Chart): Default domain sorting to `false` (instead of LayerCake's `true`) to simplify bandScale use cases

.changeset/green-crews-change.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Points): Add `xValue` and `yValue` to each point, and improve types

.changeset/grumpy-masks-agree.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking(Tooltip): Consolidate Tooltip components (TooltipItem, TooltipSeparator, etc) to Tooltip.Item, Tooltip.Separtor, etc

.changeset/hot-houses-stare.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Highlight): Support radial coordiantes for `points` and `lines`. Issue #112

.changeset/late-cheetahs-smell.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Spline): Handle null data via defined by default

.changeset/little-geese-laugh.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Points): Add canvas support

.changeset/long-crabs-teach.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Chart): Expose `x`/`y`/`z`/`r` accessors via slot props

.changeset/long-pugs-tan.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(TooltipSeparator): Use theme color

.changeset/lucky-tables-retire.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+refactor: Add `@layerstack/svelte-actions`, `@layerstack/svelte-stores`, `@layerstack/tailwind`, and `@layerstack/utils` packages and move `svelte-ux` package to `devDependancies` (components only for docs)

.changeset/mighty-teachers-rest.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat: Rename `createStackData()` to `groupStackData()`, refine returned structure to simplify tooltips and make consistent with different options combinations, and add tests

.changeset/neat-schools-bake.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking: Remove `AreaStack` as use cases fully supported by `Area`

.changeset/new-readers-sparkle.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Labels): Support `center` placement (useful with Points)

.changeset/polite-cooks-tease.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat(Svg): Add `center` to conveniently center children, useful for radial layouts without requiring `Group` wrapper

.changeset/polite-tools-chew.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking: Remove <Tooltip.Root header={...}> and replace with <Tooltip.Header>

.changeset/poor-hats-roll.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking(Pie): Remove `placement` prop and instead rely Svg `center` or use `Group` for positioning

.changeset/red-roses-drive.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking: Add new color `cScale` (and related `c` accessor, domain, range, etc) and replace `rScale` usage (which should be used for radius, etc)

.changeset/rotten-baboons-design.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Area): Handle null data via defined by default

.changeset/rude-students-lick.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(tooltip): Update bisect-x mode to support radial coordinates

.changeset/seven-cars-happen.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Highlight): Handle null value points

.changeset/sharp-ways-move.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Voronoi): Dispatch custom `pointerevent` instead of forwarding to fix console errors

.changeset/short-colts-smash.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Points): Integrate with rScale

.changeset/slimy-points-sing.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Points): Remove incorrect points for null/undefined values

.changeset/smooth-tomatoes-hug.md

@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+breaking(Threshold): Simplify implementation and rename `pathAbove`/`pathBelow` slots to `above`/`below`

.changeset/spotty-moles-rhyme.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Area): Pass `x` override to internal Spline

.changeset/stale-tools-taste.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(Spline): Enable passing `fill` prop (useful for Bar with single rounded edge)

.changeset/twelve-otters-count.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Tooltip.Item): Support `color` prop to add swatch, support theme colors and any color via `color="variable"`

.changeset/twenty-queens-remember.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+fix(cartesianToPolar): Correctly calculate angle/radians between 0 and 2π

.changeset/weak-tigers-poke.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Arc): Support passing `tooltip` and `data` props to simplify setting up tooltip pointer events

.changeset/witty-goats-breathe.md

@@ -0,0 +1,5 @@
+---
+'layerchart': patch
+---
+
+feat(Chart): Support x1/y1 derived scales, useful for grouped bar charts

packages/layerchart/package.json

@@ -13,6 +13,7 @@
     "prepublishOnly": "svelte-package",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
+    "test:unit": "TZ=UTC-5 vitest",
     "lint": "prettier --check .",
     "format": "prettier --write .",
     "prepare": "svelte-kit sync"
@@ -66,6 +67,7 @@
     "svelte-check": "^3.8.5",
     "svelte-json-tree": "^2.2.0",
     "svelte-preprocess": "^6.0.2",
+    "svelte-ux": "^0.74.4",
     "svelte2tsx": "^0.7.15",
     "tailwindcss": "^3.4.10",
     "topojson-client": "^3.1.0",
@@ -74,10 +76,15 @@
     "typescript": "^5.5.4",
     "unist-util-visit": "^5.0.0",
     "us-atlas": "^3.0.1",
-    "vite": "^5.4.0"
+    "vite": "^5.4.0",
+    "vitest": "^2.0.5"
   },
   "type": "module",
   "dependencies": {
+    "@layerstack/svelte-actions": "^0.0.3",
+    "@layerstack/svelte-stores": "^0.0.3",
+    "@layerstack/tailwind": "^0.0.5",
+    "@layerstack/utils": "^0.0.3",
     "d3-array": "^3.2.4",
     "d3-color": "^3.1.0",
     "d3-delaunay": "^6.0.4",
@@ -102,7 +109,6 @@
     "lodash-es": "^4.17.21",
     "posthog-js": "^1.155.4",
     "shapefile": "^0.6.6",
-    "svelte-ux": "^0.74.4",
     "topojson-client": "^3.1.0"
   },
   "peerDependencies": {

packages/layerchart/src/lib/components/Arc.svelte

@@ -27,6 +27,7 @@
   import { chartContext } from './ChartContext.svelte';
   import { motionStore } from '$lib/stores/motionStore.js';
   import { degreesToRadians } from '$lib/utils/math.js';
+  import type { TooltipContextValue } from './tooltip/TooltipContext.svelte';
 
   export let spring: boolean | Parameters<typeof springStore>[1] = undefined;
   export let tweened: boolean | Parameters<typeof tweenedStore>[1] = undefined;
@@ -86,7 +87,7 @@
   $: scale = scaleLinear().domain(domain).range(range);
 
   function getOuterRadius(outerRadius: number | undefined, chartRadius: number) {
-    if (outerRadius == null) {
+    if (!outerRadius) {
       return chartRadius;
     } else if (outerRadius > 1) {
       // discrete value
@@ -172,6 +173,16 @@
   $: angle = ((startAngle ?? 0) + (endAngle ?? 0)) / 2;
   $: xOffset = Math.sin(angle) * offset;
   $: yOffset = -Math.cos(angle) * offset;
+
+  /**
+   * Tooltip context to setup pointer events to show tooltip for related data.  Must set `data` prop as well
+   */
+  export let tooltip: TooltipContextValue | undefined = undefined;
+
+  /**
+   * Data to set when showing tooltip
+   */
+  export let data: any = undefined;
 </script>
 
 {#if track}
@@ -188,6 +199,15 @@
   d={arc()}
   transform="translate({xOffset}, {yOffset})"
   {...$$restProps}
+  on:pointerenter={(e) => tooltip?.show(e, data)}
+  on:pointermove={(e) => tooltip?.show(e, data)}
+  on:pointerleave={(e) => tooltip?.hide()}
+  on:touchmove={(e) => {
+    if (tooltip) {
+      // Prevent touch to not interfer with pointer when using tooltip
+      e.preventDefault();
+    }
+  }}
   on:click
   on:pointerenter
   on:pointermove