Sean Lynch

- [ ] Support [svg](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/image), [canvas](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage), and [html](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img) layers - [ ] Use as data marks - https://observablehq.com/plot/marks/image - use with [Marker](https://next.layerchart.com/docs/components/Marker) - https://observablehq.com/@observablehq/plot-image-medals - https://observablehq.com/@observablehq/plot-image-scatterplot - [ ] Use...

Setup testing

1

While we have some unit tests, it would be great to begin setting up component tests. This [article](https://scottspence.com/posts/migrating-from-testing-library-svelte-to-vitest-browser-svelte) is a great walk through and explanation on the setup, as well...

Under the hood, LayerChart uses LayerStack's `format` [util](https://www.layerstack.dev/docs/utils/format) to format dates and numbers. We have [plans](https://github.com/techniq/layerchart/issues/39) to add a `settings()` context similar to [Svelte UX](https://next.svelte-ux.techniq.dev/customization#settings) to control this globally (as...

Add `TextRect` component to easily add backgrounds to `Text` components

1

Would be very helpful when using `Svg` and `Canvas` layers to easily add a `Rect` as a background behind a `Text`. Getting the dimensions (and support a `padding` attribute) will...

Currently if you define a custom pattern via `patternContext()` snippet it only works for `Svg` as it uses `...` ```svelte {#snippet patternContent()} {/snippet} {#snippet children({ pattern })} {/snippet} ``` While...

Markdown docs

4

This issue is to track the feasibility of migrating the docs (back to) markdown. LayerChart and Svelte UX docs [used](https://github.com/techniq/svelte-ux/issues/53) to be primarily in markdown (`+page.md`) but were migrated to...

Instead of requiring: ```js import { Axis, Chart, Layer } from 'layerchart'; ``` we should also support direct component imports using: ```js import Axis from 'layerchart/Axis.svelte'; import Chart from 'layerchart/Chart.svelte';...

For 2 ordinal dimensions (ex. both as `scaleBand`) we should introduce a new `Cell` component. Can be used for heat maps and similar visualizations. ## Examples https://github.com/user-attachments/assets/fa1cab06-79f3-4f46-8237-58eed3775dc2 https://github.com/user-attachments/assets/3889d302-a144-4983-a8df-3952d984fd82 ## Related:...

Simplify imports (scales, curves, projections, etc)

2

Instead of requiring imports from `d3-scales`, `d3-shape`, `d3-geo`, we should support simple strings for many of these use cases (but still support functions for custom implementations including pulling from other...

Geo grid (WIP)

3

- https://observablehq.com/@fil/gray-fuller-grid - https://github.com/d3/d3-geo-polygon/blob/main/src/grayfuller.js - https://github.com/tzakharko/uniform-geodesic-grid - https://github.com/tzakharko/uniform-geodesic-grid/blob/main/uniform-geodesic-grid.mjs