layercake

Layer Cake is a headless Svelte framework that manages scales, dimensions, and coordinate systems automatically. It supports Canvas for high-volume data, SVG for interactivity, and HTML overlays—all sharing the same coordinate space—enabling responsive charts that adapt to container changes without opinionated component constraints.

Yes. Layer Cake uses Canvas rendering for performance-critical visualizations with high data volume. You layer Canvas for the dataset, SVG for interactive axes, and HTML for tooltips within a unified coordinate system, handling device pixel ratio automatically for sharp rendering.

Layer Cake provides D3 scale types—linear, time, ordinal, logarithmic, and threshold—plus data utilities including stack(), bin(), groupLonger(), and calcExtents(). Scales derive domains and ranges from data automatically or accept explicit configuration for time series, histograms, stacked, and scatter plot charts.

No. Layer Cake distributes scales (xScale$, yScale$, rScale$) via Svelte context, so all rendering contexts—SVG, Canvas, HTML—share identical coordinate transformations. You write responsive layouts once and apply them across all output formats without recalculation.

Layer Cake automatically recalculates scales and dimensions when container size changes. Reactive Svelte stores trigger updates across all rendering layers, ensuring padding, domain ranges, and visual output stay synchronized without manual breakpoint logic.

Yes. Layer Cake's time scales, stacking utilities, binning functions, and multi-context rendering make it well-suited for time series with 10,000+ points, histograms with grouped data, and complex overlaid charts combining Canvas performance with SVG interactivity.