Perf improvements by techniq · Pull Request #896 · techniq/layerchart

techniq · 2026-08-11T01:48:35Z

perf: Faster mounts across primitives, charts, and multi-series rendering

Four independent performance fixes, each measured before/after. Across the benchmark suite, 45 of 86 shared benchmarks improved by ≥1.15×, with no regressions. Streaming charts also stop leaking memory (issue #585).

Changes

1. Resolve stacked value domain in a single pass

resolveDomain collected stacked [y0, y1] values by calling getStackValue() once per row per series, rebuilding the keyBy accessor (a lodash get path lookup) and re-reading the stack deriveds every time.

SeriesState.getStackedValues() hoists both out of the loop and collects in one pass.

Decomposed at 365 rows × 3 series (0.171 → 0.030 ms per domain pass): ~64% of the saving is repeated reactive-graph reads, ~28% the rebuilt accessor, ~9% flatMap allocation.

2. Memoize props in component state classes

Every *State class called this.#getProps() separately inside each $derived — 20–34 times per class per update — and most components pass a closure that allocates a fresh object with a ...rest spread. A single update meant ~30 object allocations per instance.

Each class now reads it once:

#props: RectProps = $derived(this.#getProps());

Applied to 16 components. No extra invalidation: every derived already read every prop through that spread. Polygon, Circle, and Labels were skipped — they pass () => rest, which allocates nothing.

3. Remove quadratic domain recalculation on mount

registerMark bumps a $state version on every mark registration, and resolveDomain reads it — so mounting N marks re-ran the domain pass 2N+3 times, each walking all N series' data. Mount cost was O(series² × rows).

Measured: 1 series → 5 calls, 10 → 23, 20 → 43, each rescanning everything (172k value reads at 20 series).

The per-series scan depends only on the series and their data, not on _markInfos, so it's now memoized per axis. The repeated calls reuse it and only the cheap mark loop re-runs. Domain combination also stopped copying every value up to four times.

4. Only tween Spline path data when `motion` is set

Spline's constructor built a d3-interpolate-path tween unconditionally, ignoring props.motion — while Spline.base renders c.d unless isTweened. So every data change built and drove an interpolator whose result was discarded.

Every sibling (Path, Area, Polygon, Link, Trail) already gates this behind extractTweenConfig(props.motion); Spline was the only one that didn't. All 43 createMotion call sites were audited — this was the sole outlier.

No behavioral change: without motion, the tweened value was never rendered.

Results

Full pnpm bench on both branches, same machine. Mean ms, lower is better.

Primitives (100 instances)

	main	branch
`<Rect>`	25.96	7.52	3.45×
`<Rect>` × 250	58.48	17.42	3.36×
`<Rect>` × 10	2.46	0.91	2.71×
`<Text>`	23.21	10.19	2.28×
`<Group>`	6.52	4.50	1.45×
`<Circle>`	5.97	4.62	1.29×

Chart mount

	main	branch
wide format, 3 series	37.06	14.10	2.63×
5 series	39.74	15.14	2.62×
10 series	79.31	30.84	2.57×
3 series	27.63	11.82	2.34×
long format, 3 series	31.09	13.32	2.34×
LineChart with series	44.99	19.70	2.28×
LineChart (default features)	15.81	7.00	2.26×
1 series	21.56	9.87	2.18×
100 points	11.68	5.67	2.06×
axis only	13.14	7.59	1.73×
all features	12.24	7.13	1.72×
5,000 points	23.05	13.46	1.71×

Large multi-series rendering

	main	branch
Canvas — 10 series × 2K pts	80.45	38.05	2.11×
Canvas — 10 series × 5K pts	192.88	91.83	2.10×
SVG — 10 series × 5K pts	193.93	95.99	2.02×
SVG — 10 series × 2K pts	79.52	39.63	2.01×
Canvas — 5 series × 10K pts	155.00	87.54	1.77×
SVG — 5 series × 10K pts	157.09	94.66	1.66×

Memory (issue #585)

Streaming the docs perf-streaming example, heap measured after three forced GCs via CDP:

main	branch
5.02 MB/s	0.20 MB/s	25×

Allocation profiling on main attributed 51 of 61 MB over 10s to d3-interpolate-path (pathCommandsFromString, pathCommandInterpolator). After the fix, nothing layerchart-specific remains — the residual is Svelte runtime reactivity and d3-shape path building.

DOM node and event-listener counts were already flat on main, so the "detached DOM nodes" symptom in #585 appears to have been fixed previously. This addresses the JS-heap side.

…ter)

…~2x faster `LineChart` mount)

… using layer-specofic imports (ex. layerchart/svg)

…s-based charts (~2x faster with 10 series)

…ory growth while streaming, issue #585)

changeset-bot · 2026-08-11T01:48:40Z

🦋 Changeset detected

Latest commit: 4aa1b6f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
layerchart	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

pkg-pr-new · 2026-08-11T01:49:36Z

Open in StackBlitz

npm i https://pkg.pr.new/layerchart@896

commit: 4aa1b6f

github-actions · 2026-08-11T01:51:43Z

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
layerchart	✅ Ready (View Log)	Visit Preview	`4aa1b6f`

github-actions · 2026-08-11T01:55:22Z

Bundle Size Analysis

⚠️ Warnings (9 significant size increases)

Item	Current	New	Change
🔴 `Labels.svg`	133.86 KB _{31.67 gz}	214.50 KB _{52.88 gz}	+80.65 KB (+60.2%) _{+21.21 gz (+67.0%)}
🔴 `Labels`	157.68 KB _{36.67 gz}	236.96 KB _{58.24 gz}	+79.28 KB (+50.3%) _{+21.57 gz (+58.8%)}
🔴 `Labels.canvas`	137.53 KB _{33.00 gz}	207.96 KB _{52.11 gz}	+70.43 KB (+51.2%) _{+19.11 gz (+57.9%)}
🔴 `Labels.html`	132.52 KB _{31.31 gz}	169.78 KB _{41.76 gz}	+37.26 KB (+28.1%) _{+10.45 gz (+33.4%)}
🔴 `Voronoi`	177.50 KB _{46.65 gz}	179.98 KB _{47.34 gz}	+2.48 KB (+1.4%) _{+0.69 gz (+1.5%)}
🔴 `Voronoi.svg`	175.48 KB _{46.52 gz}	177.96 KB _{47.22 gz}	+2.48 KB (+1.4%) _{+0.70 gz (+1.5%)}
🔴 `Voronoi.canvas`	174.50 KB _{46.03 gz}	176.98 KB _{46.74 gz}	+2.48 KB (+1.4%) _{+0.71 gz (+1.5%)}
🔴 `Image.canvas`	12.79 KB _{3.75 gz}	12.98 KB _{3.76 gz}	+0.18 KB (+1.4%) _{+0.01 gz (+0.3%)}
🔴 `GeoProjection`	4.41 KB _{1.41 gz}	4.50 KB _{1.44 gz}	+0.10 KB (+2.2%) _{+0.03 gz (+2.1%)}

Use-Case Scenarios

Core (7 changed)

Scenario	Current	New	Change
🟡 `core-line`	220.05 KB _{57.29 gz}	220.26 KB _{57.38 gz}	+0.21 KB (+0.1%) _{+0.08 gz (+0.1%)}
🟡 `core-canvas`	219.35 KB _{57.95 gz}	219.39 KB _{58.04 gz}	+0.04 KB (+0.0%) _{+0.09 gz (+0.2%)}
🟡 `core-scatter`	217.29 KB _{56.16 gz}	217.71 KB _{56.29 gz}	+0.42 KB (+0.2%) _{+0.12 gz (+0.2%)}
🟡 `core-geo`	213.58 KB _{55.88 gz}	213.63 KB _{55.93 gz}	+0.04 KB (+0.0%) _{+0.05 gz (+0.1%)}
🟡 `core-html`	201.22 KB _{52.51 gz}	201.26 KB _{52.57 gz}	+0.04 KB (+0.0%) _{+0.06 gz (+0.1%)}
🟡 `core-svg`	199.35 KB _{52.06 gz}	199.39 KB _{52.13 gz}	+0.04 KB (+0.0%) _{+0.08 gz (+0.2%)}
🟡 `core`	199.34 KB _{52.10 gz}	199.38 KB _{52.15 gz}	+0.04 KB (+0.0%) _{+0.04 gz (+0.1%)}

Base (agnostic) (4 changed)

Scenario	Current	New	Change
🟡 `base-svg-agnostic`	356.30 KB _{83.36 gz}	356.74 KB _{83.51 gz}	+0.44 KB (+0.1%) _{+0.15 gz (+0.2%)}
🟡 `base-canvas-agnostic`	356.30 KB _{83.35 gz}	356.74 KB _{83.52 gz}	+0.44 KB (+0.1%) _{+0.17 gz (+0.2%)}
🟡 `base-html-agnostic`	356.30 KB _{83.35 gz}	356.74 KB _{83.52 gz}	+0.44 KB (+0.1%) _{+0.17 gz (+0.2%)}
🟡 `base`	356.29 KB _{83.36 gz}	356.74 KB _{83.51 gz}	+0.44 KB (+0.1%) _{+0.15 gz (+0.2%)}

Base (layer-specific) (3 changed)

Scenario	Current	New	Change
🟡 `base-canvas`	340.92 KB _{80.22 gz}	341.36 KB _{80.42 gz}	+0.44 KB (+0.1%) _{+0.20 gz (+0.3%)}
🟡 `base-html`	336.72 KB _{79.19 gz}	337.15 KB _{79.39 gz}	+0.43 KB (+0.1%) _{+0.20 gz (+0.3%)}
🟡 `base-svg`	334.84 KB _{78.74 gz}	335.28 KB _{78.95 gz}	+0.43 KB (+0.1%) _{+0.21 gz (+0.3%)}

Cartesian charts (27 changed)

Scenario	Current	New	Change
🟡 `PieChart`	395.48 KB _{91.76 gz}	395.96 KB _{91.86 gz}	+0.48 KB (+0.1%) _{+0.11 gz (+0.1%)}
🟡 `ArcChart`	388.74 KB _{90.59 gz}	389.21 KB _{90.73 gz}	+0.47 KB (+0.1%) _{+0.14 gz (+0.2%)}
🟡 `LineChart`	380.33 KB _{89.10 gz}	380.89 KB _{89.28 gz}	+0.56 KB (+0.1%) _{+0.18 gz (+0.2%)}
🟡 `PieChart-canvas`	378.08 KB _{88.22 gz}	378.56 KB _{88.42 gz}	+0.47 KB (+0.1%) _{+0.20 gz (+0.2%)}
🟡 `AreaChart`	374.29 KB _{87.32 gz}	374.77 KB _{87.42 gz}	+0.48 KB (+0.1%) _{+0.10 gz (+0.1%)}
🟡 `PieChart-svg`	372.02 KB _{86.65 gz}	372.49 KB _{86.85 gz}	+0.47 KB (+0.1%) _{+0.21 gz (+0.2%)}
🟡 `ArcChart-canvas`	371.92 KB _{87.15 gz}	372.38 KB _{87.34 gz}	+0.47 KB (+0.1%) _{+0.19 gz (+0.2%)}
🟡 `line-chart-interactive`	371.31 KB _{86.66 gz}	371.75 KB _{86.79 gz}	+0.44 KB (+0.1%) _{+0.13 gz (+0.2%)}
🟡 `area-chart`	370.00 KB _{86.34 gz}	370.48 KB _{86.46 gz}	+0.48 KB (+0.1%) _{+0.12 gz (+0.1%)}
🟡 `pie-chart`	368.59 KB _{85.84 gz}	369.06 KB _{85.95 gz}	+0.47 KB (+0.1%) _{+0.11 gz (+0.1%)}
🟡 `BarChart`	366.75 KB _{85.37 gz}	367.19 KB _{85.54 gz}	+0.44 KB (+0.1%) _{+0.18 gz (+0.2%)}
🟡 `ArcChart-svg`	365.85 KB _{85.60 gz}	366.31 KB _{85.77 gz}	+0.47 KB (+0.1%) _{+0.17 gz (+0.2%)}
🟡 `bar-chart`	360.89 KB _{84.18 gz}	361.33 KB _{84.33 gz}	+0.44 KB (+0.1%) _{+0.16 gz (+0.2%)}
🟡 `ScatterChart`	360.84 KB _{84.30 gz}	361.27 KB _{84.44 gz}	+0.43 KB (+0.1%) _{+0.14 gz (+0.2%)}
🟡 `AreaChart-canvas`	358.10 KB _{84.02 gz}	358.58 KB _{84.20 gz}	+0.48 KB (+0.1%) _{+0.18 gz (+0.2%)}
🟡 `scatter-chart`	357.38 KB _{83.61 gz}	357.83 KB _{83.76 gz}	+0.44 KB (+0.1%) _{+0.14 gz (+0.2%)}
🟡 `line-chart`	356.80 KB _{83.39 gz}	357.24 KB _{83.55 gz}	+0.44 KB (+0.1%) _{+0.16 gz (+0.2%)}
🟡 `AreaChart-svg`	352.04 KB _{82.52 gz}	352.52 KB _{82.76 gz}	+0.48 KB (+0.1%) _{+0.24 gz (+0.3%)}
🟡 `BarChart-canvas`	350.25 KB _{82.11 gz}	350.69 KB _{82.36 gz}	+0.44 KB (+0.1%) _{+0.25 gz (+0.3%)}
🟡 `LineChart-canvas`	347.92 KB _{81.90 gz}	348.36 KB _{82.13 gz}	+0.44 KB (+0.1%) _{+0.23 gz (+0.3%)}
🟡 `ScatterChart-canvas`	344.57 KB _{80.96 gz}	345.01 KB _{81.17 gz}	+0.44 KB (+0.1%) _{+0.22 gz (+0.3%)}
🟡 `BarChart-svg`	344.19 KB _{80.60 gz}	344.63 KB _{80.83 gz}	+0.43 KB (+0.1%) _{+0.23 gz (+0.3%)}
🟡 `LineChart-svg`	341.86 KB _{80.40 gz}	342.29 KB _{80.60 gz}	+0.43 KB (+0.1%) _{+0.20 gz (+0.2%)}
🟡 `line-chart-canvas`	340.95 KB _{80.22 gz}	341.38 KB _{80.43 gz}	+0.44 KB (+0.1%) _{+0.21 gz (+0.3%)}
🟡 `ScatterChart-svg`	338.51 KB _{79.48 gz}	338.94 KB _{79.66 gz}	+0.43 KB (+0.1%) _{+0.18 gz (+0.2%)}
🟡 `line-chart-html`	336.75 KB _{79.20 gz}	337.18 KB _{79.40 gz}	+0.43 KB (+0.1%) _{+0.21 gz (+0.3%)}
🟡 `line-chart-svg`	334.87 KB _{78.74 gz}	335.30 KB _{78.94 gz}	+0.43 KB (+0.1%) _{+0.21 gz (+0.3%)}

Geo (3 changed)

Scenario	Current	New	Change
🟡 `geo-full`	430.86 KB _{102.65 gz}	431.23 KB _{102.72 gz}	+0.37 KB (+0.1%) _{+0.07 gz (+0.1%)}
🟡 `geo-tiles`	378.43 KB _{88.87 gz}	378.82 KB _{88.99 gz}	+0.40 KB (+0.1%) _{+0.12 gz (+0.1%)}
🟡 `geo`	373.32 KB _{87.24 gz}	373.71 KB _{87.35 gz}	+0.39 KB (+0.1%) _{+0.12 gz (+0.1%)}

Hierarchy (4 changed)

Scenario	Current	New	Change
🟢 `hierarchy-tree`	398.11 KB _{93.50 gz}	367.51 KB _{86.39 gz}	-30.61 KB (-7.7%) _{-7.12 gz (-7.6%)}
🟢 `hierarchy-treemap`	377.63 KB _{88.60 gz}	364.12 KB _{85.52 gz}	-13.51 KB (-3.6%) _{-3.07 gz (-3.5%)}
🟢 `hierarchy-pack`	377.35 KB _{88.69 gz}	363.79 KB _{85.54 gz}	-13.56 KB (-3.6%) _{-3.15 gz (-3.6%)}
🟢 `dodge`	374.99 KB _{87.89 gz}	361.51 KB _{84.89 gz}	-13.48 KB (-3.6%) _{-3.00 gz (-3.4%)}

Graph / network (4 changed)

Scenario	Current	New	Change
🟢 `dagre`	456.68 KB _{109.51 gz}	426.12 KB _{102.53 gz}	-30.56 KB (-6.7%) _{-6.99 gz (-6.4%)}
🟢 `force`	400.52 KB _{94.34 gz}	369.92 KB _{87.17 gz}	-30.60 KB (-7.6%) _{-7.17 gz (-7.6%)}
🟢 `sankey`	400.25 KB _{93.73 gz}	369.74 KB _{86.62 gz}	-30.51 KB (-7.6%) _{-7.10 gz (-7.6%)}
🟡 `chord`	366.02 KB _{85.52 gz}	366.42 KB _{85.68 gz}	+0.40 KB (+0.1%) _{+0.16 gz (+0.2%)}

Components (151 changed)

Scenario	Current	New	Change
🔴 `Labels`	157.68 KB _{36.67 gz}	236.96 KB _{58.24 gz}	+79.28 KB (+50.3%) _{+21.57 gz (+58.8%)}
🔴 `Labels.svg`	133.86 KB _{31.67 gz}	214.50 KB _{52.88 gz}	+80.65 KB (+60.2%) _{+21.21 gz (+67.0%)}
🔴 `Labels.canvas`	137.53 KB _{33.00 gz}	207.96 KB _{52.11 gz}	+70.43 KB (+51.2%) _{+19.11 gz (+57.9%)}
🟡 `Axis`	198.49 KB _{44.44 gz}	199.16 KB _{44.59 gz}	+0.67 KB (+0.3%) _{+0.15 gz (+0.3%)}
🟡 `AnnotationPoint`	187.68 KB _{45.10 gz}	189.40 KB _{45.81 gz}	+1.73 KB (+0.9%) _{+0.72 gz (+1.6%)}
🟡 `Hull`	181.11 KB _{47.90 gz}	181.36 KB _{47.96 gz}	+0.25 KB (+0.1%) _{+0.07 gz (+0.1%)}
🟡 `Hull.svg`	180.30 KB _{48.09 gz}	180.55 KB _{48.12 gz}	+0.25 KB (+0.1%) _{+0.03 gz (+0.1%)}
🟡 `Hull.canvas`	180.30 KB _{47.78 gz}	180.55 KB _{47.84 gz}	+0.25 KB (+0.1%) _{+0.06 gz (+0.1%)}
🔴 `Voronoi`	177.50 KB _{46.65 gz}	179.98 KB _{47.34 gz}	+2.48 KB (+1.4%) _{+0.69 gz (+1.5%)}
🔴 `Voronoi.svg`	175.48 KB _{46.52 gz}	177.96 KB _{47.22 gz}	+2.48 KB (+1.4%) _{+0.70 gz (+1.5%)}
🔴 `Voronoi.canvas`	174.50 KB _{46.03 gz}	176.98 KB _{46.74 gz}	+2.48 KB (+1.4%) _{+0.71 gz (+1.5%)}
🟡 `Calendar`	174.49 KB _{41.15 gz}	175.07 KB _{41.20 gz}	+0.58 KB (+0.3%) _{+0.05 gz (+0.1%)}
🟡 `Bars`	172.18 KB _{43.15 gz}	172.84 KB _{43.22 gz}	+0.66 KB (+0.4%) _{+0.06 gz (+0.1%)}
🟡 `Axis.svg`	169.39 KB _{38.22 gz}	170.06 KB _{38.33 gz}	+0.67 KB (+0.4%) _{+0.11 gz (+0.3%)}
🔴 `Labels.html`	132.52 KB _{31.31 gz}	169.78 KB _{41.76 gz}	+37.26 KB (+28.1%) _{+10.45 gz (+33.4%)}
🟡 `Bar`	168.17 KB _{42.49 gz}	168.82 KB _{42.53 gz}	+0.66 KB (+0.4%) _{+0.04 gz (+0.1%)}
🟡 `Axis.canvas`	167.62 KB _{38.31 gz}	168.29 KB _{38.44 gz}	+0.67 KB (+0.4%) _{+0.13 gz (+0.3%)}
🟡 `AnnotationPoint.svg`	165.84 KB _{39.93 gz}	167.40 KB _{40.52 gz}	+1.57 KB (+0.9%) _{+0.59 gz (+1.5%)}
🟡 `Contour`	165.42 KB _{45.15 gz}	165.51 KB _{45.16 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `Axis.html`	164.06 KB _{37.13 gz}	164.73 KB _{37.25 gz}	+0.67 KB (+0.4%) _{+0.12 gz (+0.3%)}
🟡 `Calendar.svg`	161.33 KB _{39.14 gz}	161.91 KB _{39.19 gz}	+0.58 KB (+0.4%) _{+0.05 gz (+0.1%)}
🟡 `Calendar.canvas`	157.52 KB _{37.93 gz}	158.10 KB _{37.97 gz}	+0.58 KB (+0.4%) _{+0.04 gz (+0.1%)}
🟡 `AnnotationRange`	157.07 KB _{36.91 gz}	157.56 KB _{36.94 gz}	+0.49 KB (+0.3%) _{+0.03 gz (+0.1%)}
🟡 `AnnotationPoint.canvas`	155.45 KB _{38.56 gz}	156.94 KB _{39.14 gz}	+1.50 KB (+1.0%) _{+0.58 gz (+1.5%)}
🟡 `Month`	155.08 KB _{36.13 gz}	155.66 KB _{36.17 gz}	+0.58 KB (+0.4%) _{+0.05 gz (+0.1%)}
🟡 `Bars.svg`	153.72 KB _{38.91 gz}	154.38 KB _{38.99 gz}	+0.66 KB (+0.4%) _{+0.08 gz (+0.2%)}
🟡 `Contour.svg`	152.29 KB _{41.41 gz}	152.38 KB _{41.41 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `Bars.canvas`	151.55 KB _{39.14 gz}	152.21 KB _{39.19 gz}	+0.65 KB (+0.4%) _{+0.05 gz (+0.1%)}
🟡 `Contour.canvas`	151.90 KB _{42.29 gz}	151.99 KB _{42.30 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `ArcLabel`	151.38 KB _{37.15 gz}	151.75 KB _{37.20 gz}	+0.36 KB (+0.2%) _{+0.05 gz (+0.1%)}
🟡 `Bar.svg`	150.18 KB _{38.28 gz}	150.83 KB _{38.33 gz}	+0.65 KB (+0.4%) _{+0.05 gz (+0.1%)}
🟡 `Bar.canvas`	144.20 KB _{37.87 gz}	144.76 KB _{37.90 gz}	+0.57 KB (+0.4%) _{+0.03 gz (+0.1%)}
🟡 `AnnotationLine`	143.14 KB _{34.36 gz}	143.57 KB _{34.40 gz}	+0.43 KB (+0.3%) _{+0.04 gz (+0.1%)}
🟡 `Pie`	141.73 KB _{37.71 gz}	141.97 KB _{37.74 gz}	+0.24 KB (+0.2%) _{+0.03 gz (+0.1%)}
🟡 `ArcLabel.svg`	138.17 KB _{33.65 gz}	138.53 KB _{33.67 gz}	+0.36 KB (+0.3%) _{+0.02 gz (+0.1%)}
🟡 `Arc`	136.45 KB _{36.66 gz}	136.69 KB _{36.68 gz}	+0.24 KB (+0.2%) _{+0.02 gz (+0.1%)}
🟡 `Violin`	134.98 KB _{31.38 gz}	135.61 KB _{31.39 gz}	+0.62 KB (+0.5%) _{+0.01 gz (+0.0%)}
🟡 `Density`	134.52 KB _{36.67 gz}	134.60 KB _{36.68 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `Month.canvas`	133.62 KB _{32.24 gz}	134.20 KB _{32.26 gz}	+0.58 KB (+0.4%) _{+0.02 gz (+0.1%)}
🟡 `GeoTile`	132.65 KB _{32.86 gz}	132.94 KB _{32.97 gz}	+0.28 KB (+0.2%) _{+0.11 gz (+0.3%)}
🟡 `Month.svg`	131.57 KB _{31.17 gz}	132.15 KB _{31.21 gz}	+0.58 KB (+0.4%) _{+0.03 gz (+0.1%)}
🟡 `AnnotationRange.canvas`	131.28 KB _{31.83 gz}	131.77 KB _{31.87 gz}	+0.49 KB (+0.4%) _{+0.04 gz (+0.1%)}
🟡 `AnnotationRange.svg`	131.01 KB _{31.11 gz}	131.50 KB _{31.14 gz}	+0.49 KB (+0.4%) _{+0.03 gz (+0.1%)}
🟡 `Tooltip`	130.88 KB _{31.75 gz}	130.98 KB _{31.76 gz}	+0.10 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `Pie.svg`	128.47 KB _{33.81 gz}	128.70 KB _{33.84 gz}	+0.24 KB (+0.2%) _{+0.03 gz (+0.1%)}
🟡 `ArcLabel.canvas`	127.91 KB _{32.41 gz}	128.18 KB _{32.45 gz}	+0.27 KB (+0.2%) _{+0.04 gz (+0.1%)}
🟡 `Threshold`	127.77 KB _{31.21 gz}	128.11 KB _{31.29 gz}	+0.34 KB (+0.3%) _{+0.08 gz (+0.3%)}
🟡 `Layer`	127.58 KB _{32.94 gz}	127.88 KB _{32.98 gz}	+0.30 KB (+0.2%) _{+0.03 gz (+0.1%)}
🟡 `BoxPlot`	123.71 KB _{25.87 gz}	124.34 KB _{25.97 gz}	+0.62 KB (+0.5%) _{+0.09 gz (+0.4%)}
🟡 `GeoTile.canvas`	123.73 KB _{30.82 gz}	124.01 KB _{30.84 gz}	+0.28 KB (+0.2%) _{+0.02 gz (+0.1%)}
🟡 `Raster`	123.54 KB _{33.36 gz}	123.72 KB _{33.38 gz}	+0.19 KB (+0.2%) _{+0.02 gz (+0.0%)}
🟡 `Arc.svg`	123.37 KB _{32.81 gz}	123.61 KB _{32.83 gz}	+0.24 KB (+0.2%) _{+0.02 gz (+0.1%)}
🟡 `AnnotationLine.svg`	122.19 KB _{29.37 gz}	122.62 KB _{29.39 gz}	+0.43 KB (+0.4%) _{+0.02 gz (+0.1%)}
🟡 `AnnotationLine.canvas`	121.76 KB _{29.93 gz}	122.19 KB _{29.95 gz}	+0.43 KB (+0.4%) _{+0.02 gz (+0.1%)}
🟡 `Text`	121.64 KB _{30.18 gz}	121.84 KB _{30.20 gz}	+0.19 KB (+0.2%) _{+0.02 gz (+0.1%)}
🟡 `Area`	121.32 KB _{30.00 gz}	121.66 KB _{30.05 gz}	+0.34 KB (+0.3%) _{+0.05 gz (+0.2%)}
🟡 `Pie.canvas`	121.49 KB _{33.25 gz}	121.63 KB _{33.28 gz}	+0.15 KB (+0.1%) _{+0.03 gz (+0.1%)}
🟡 `Density.svg`	121.38 KB _{32.93 gz}	121.47 KB _{32.94 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `TileImage`	121.00 KB _{30.33 gz}	121.19 KB _{30.35 gz}	+0.19 KB (+0.2%) _{+0.02 gz (+0.1%)}
🟡 `Density.canvas`	120.99 KB _{33.79 gz}	121.08 KB _{33.81 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.0%)}
🟡 `GeoTile.svg`	119.91 KB _{29.24 gz}	120.19 KB _{29.26 gz}	+0.28 KB (+0.2%) _{+0.02 gz (+0.1%)}
🟡 `GeoSpline`	119.85 KB _{31.90 gz}	119.94 KB _{31.92 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `Violin.svg`	118.08 KB _{27.19 gz}	118.70 KB _{27.22 gz}	+0.62 KB (+0.5%) _{+0.03 gz (+0.1%)}
🟡 `Raster.svg`	117.58 KB _{32.37 gz}	117.77 KB _{32.38 gz}	+0.19 KB (+0.2%) _{+0.01 gz (+0.0%)}
🟡 `Raster.html`	116.59 KB _{32.06 gz}	116.78 KB _{32.09 gz}	+0.19 KB (+0.2%) _{+0.03 gz (+0.1%)}
🟡 `Arc.canvas`	116.39 KB _{32.24 gz}	116.54 KB _{32.26 gz}	+0.15 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `Raster.canvas`	115.90 KB _{31.84 gz}	116.09 KB _{31.85 gz}	+0.19 KB (+0.2%) _{+0.01 gz (+0.0%)}
🟡 `TileImage.canvas`	114.33 KB _{28.85 gz}	114.52 KB _{28.87 gz}	+0.19 KB (+0.2%) _{+0.02 gz (+0.1%)}
🟡 `Violin.canvas`	113.45 KB _{27.27 gz}	114.07 KB _{27.32 gz}	+0.62 KB (+0.6%) _{+0.04 gz (+0.2%)}
🟡 `Threshold.svg`	113.06 KB _{27.26 gz}	113.40 KB _{27.33 gz}	+0.34 KB (+0.3%) _{+0.07 gz (+0.3%)}
🟡 `Text.canvas`	111.20 KB _{27.95 gz}	111.39 KB _{27.97 gz}	+0.19 KB (+0.2%) _{+0.02 gz (+0.1%)}
🟡 `Link`	110.85 KB _{27.94 gz}	110.94 KB _{27.96 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `Spline`	110.38 KB _{28.15 gz}	110.64 KB _{28.22 gz}	+0.25 KB (+0.2%) _{+0.07 gz (+0.2%)}
🟡 `TileImage.svg`	109.30 KB _{26.99 gz}	109.50 KB _{27.00 gz}	+0.19 KB (+0.2%) _{+0.01 gz (+0.1%)}
🟡 `BoxPlot.canvas`	107.95 KB _{22.68 gz}	108.57 KB _{22.75 gz}	+0.62 KB (+0.6%) _{+0.07 gz (+0.3%)}
🟡 `Area.svg`	108.00 KB _{26.31 gz}	108.34 KB _{26.37 gz}	+0.34 KB (+0.3%) _{+0.05 gz (+0.2%)}
🟡 `Graticule`	107.59 KB _{27.63 gz}	107.68 KB _{27.65 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `GeoSpline.svg`	106.76 KB _{28.18 gz}	106.85 KB _{28.19 gz}	+0.09 KB (+0.1%) _{+0.00 gz (+0.0%)}
🟡 `Threshold.canvas`	106.30 KB _{26.57 gz}	106.55 KB _{26.62 gz}	+0.25 KB (+0.2%) _{+0.05 gz (+0.2%)}
🟡 `GeoCircle`	106.42 KB _{27.63 gz}	106.51 KB _{27.64 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `BoxPlot.svg`	105.65 KB _{21.60 gz}	106.28 KB _{21.68 gz}	+0.62 KB (+0.6%) _{+0.08 gz (+0.4%)}
🟡 `Rule`	105.51 KB _{24.48 gz}	105.84 KB _{24.60 gz}	+0.33 KB (+0.3%) _{+0.12 gz (+0.5%)}
🟡 `GeoPath`	102.41 KB _{26.42 gz}	102.50 KB _{26.44 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.1%)}
🟡 `Area.canvas`	102.18 KB _{25.73 gz}	102.43 KB _{25.78 gz}	+0.25 KB (+0.2%) _{+0.05 gz (+0.2%)}
🟡 `Grid.svg`	101.68 KB _{22.48 gz}	102.07 KB _{22.58 gz}	+0.39 KB (+0.4%) _{+0.10 gz (+0.5%)}
🟡 `Cell`	99.55 KB _{22.38 gz}	99.94 KB _{22.48 gz}	+0.39 KB (+0.4%) _{+0.10 gz (+0.5%)}
🟡 `Grid.html`	98.39 KB _{21.88 gz}	98.78 KB _{21.99 gz}	+0.39 KB (+0.4%) _{+0.11 gz (+0.5%)}
🟡 `Link.svg`	97.62 KB _{24.25 gz}	97.71 KB _{24.27 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.1%)}
🟡 `Trail`	97.53 KB _{25.02 gz}	97.61 KB _{25.03 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `Spline.svg`	97.30 KB _{24.53 gz}	97.55 KB _{24.58 gz}	+0.25 KB (+0.3%) _{+0.05 gz (+0.2%)}
🟡 `Vector`	97.03 KB _{24.47 gz}	97.11 KB _{24.49 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `Ribbon`	95.56 KB _{24.47 gz}	95.65 KB _{24.49 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.1%)}
🟡 `Graticule.svg`	94.27 KB _{23.86 gz}	94.36 KB _{23.86 gz}	+0.09 KB (+0.1%) _{+0.00 gz (+0.0%)}
🟡 `Graticule.canvas`	93.86 KB _{24.61 gz}	93.95 KB _{24.63 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `GeoCircle.svg`	93.14 KB _{23.83 gz}	93.23 KB _{23.84 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `Spline.canvas`	91.48 KB _{23.92 gz}	91.64 KB _{23.96 gz}	+0.17 KB (+0.2%) _{+0.05 gz (+0.2%)}
🟡 `GeoPath.svg`	89.32 KB _{22.69 gz}	89.41 KB _{22.70 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `Path`	88.13 KB _{22.34 gz}	88.22 KB _{22.35 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.1%)}
🟡 `GeoEdgeFade`	85.82 KB _{23.54 gz}	85.91 KB _{23.56 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.1%)}
🟡 `Rule.canvas`	85.12 KB _{20.12 gz}	85.45 KB _{20.21 gz}	+0.33 KB (+0.4%) _{+0.09 gz (+0.4%)}
🟡 `Trail.svg`	84.44 KB _{21.35 gz}	84.53 KB _{21.36 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.1%)}
🟡 `GeoEdgeFade.svg`	84.29 KB _{23.06 gz}	84.38 KB _{23.08 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `Vector.svg`	83.94 KB _{20.81 gz}	84.03 KB _{20.82 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `Cell.canvas`	83.49 KB _{19.88 gz}	83.87 KB _{19.95 gz}	+0.39 KB (+0.5%) _{+0.07 gz (+0.4%)}
🟡 `GeoEdgeFade.canvas`	83.07 KB _{22.83 gz}	83.16 KB _{22.85 gz}	+0.09 KB (+0.1%) _{+0.02 gz (+0.1%)}
🟡 `Ribbon.svg`	82.47 KB _{20.71 gz}	82.56 KB _{20.71 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `Rule.svg`	81.03 KB _{18.48 gz}	81.36 KB _{18.58 gz}	+0.33 KB (+0.4%) _{+0.09 gz (+0.5%)}
🟡 `Frame`	80.01 KB _{19.71 gz}	80.31 KB _{19.73 gz}	+0.30 KB (+0.4%) _{+0.02 gz (+0.1%)}
🟡 `GeoPoint`	79.17 KB _{19.50 gz}	79.26 KB _{19.54 gz}	+0.09 KB (+0.1%) _{+0.04 gz (+0.2%)}
🟡 `Rect`	78.19 KB _{19.34 gz}	78.49 KB _{19.36 gz}	+0.30 KB (+0.4%) _{+0.02 gz (+0.1%)}
🟡 `Line`	78.07 KB _{19.57 gz}	78.31 KB _{19.60 gz}	+0.24 KB (+0.3%) _{+0.03 gz (+0.1%)}
🟡 `Points`	77.80 KB _{19.34 gz}	78.18 KB _{19.42 gz}	+0.38 KB (+0.5%) _{+0.08 gz (+0.4%)}
🟡 `Rule.html`	77.76 KB _{17.88 gz}	78.09 KB _{17.96 gz}	+0.33 KB (+0.4%) _{+0.09 gz (+0.5%)}
🟡 `Cell.svg`	75.68 KB _{17.34 gz}	76.06 KB _{17.43 gz}	+0.39 KB (+0.5%) _{+0.09 gz (+0.5%)}
🟡 `Cell.html`	75.27 KB _{17.16 gz}	75.65 KB _{17.23 gz}	+0.39 KB (+0.5%) _{+0.08 gz (+0.5%)}
🟡 `Path.svg`	75.09 KB _{18.70 gz}	75.18 KB _{18.70 gz}	+0.09 KB (+0.1%) _{+0.01 gz (+0.0%)}
🟡 `GeoPoint.canvas`	74.53 KB _{18.45 gz}	74.62 KB _{18.49 gz}	+0.09 KB (+0.1%) _{+0.03 gz (+0.2%)}
🟡 `Frame.canvas`	72.91 KB _{18.37 gz}	73.21 KB _{18.39 gz}	+0.30 KB (+0.4%) _{+0.02 gz (+0.1%)}
🟡 `Points.canvas`	72.40 KB _{18.36 gz}	72.78 KB _{18.44 gz}	+0.38 KB (+0.5%) _{+0.08 gz (+0.4%)}
🟡 `Ellipse`	71.52 KB _{17.95 gz}	71.75 KB _{17.98 gz}	+0.23 KB (+0.3%) _{+0.02 gz (+0.1%)}
🟡 `Rect.canvas`	71.33 KB _{17.97 gz}	71.63 KB _{18.00 gz}	+0.30 KB (+0.4%) _{+0.03 gz (+0.2%)}
🟡 `Line.canvas`	67.01 KB _{17.07 gz}	67.25 KB _{17.09 gz}	+0.24 KB (+0.4%) _{+0.03 gz (+0.1%)}
🟡 `Ellipse.canvas`	66.51 KB _{16.88 gz}	66.74 KB _{16.89 gz}	+0.23 KB (+0.3%) _{+0.02 gz (+0.1%)}
🟡 `GeoPoint.svg`	64.93 KB _{15.39 gz}	65.02 KB _{15.43 gz}	+0.09 KB (+0.1%) _{+0.04 gz (+0.2%)}
🟡 `Frame.svg`	63.74 KB _{15.27 gz}	64.04 KB _{15.30 gz}	+0.30 KB (+0.5%) _{+0.03 gz (+0.2%)}
🟡 `Text.svg`	63.60 KB _{16.33 gz}	63.79 KB _{16.35 gz}	+0.19 KB (+0.3%) _{+0.02 gz (+0.1%)}
🟡 `Image`	62.70 KB _{15.18 gz}	62.89 KB _{15.19 gz}	+0.19 KB (+0.3%) _{+0.01 gz (+0.1%)}
🟡 `Frame.html`	62.55 KB _{15.15 gz}	62.84 KB _{15.17 gz}	+0.30 KB (+0.5%) _{+0.02 gz (+0.1%)}
🟡 `Points.html`	62.25 KB _{15.05 gz}	62.63 KB _{15.14 gz}	+0.38 KB (+0.6%) _{+0.08 gz (+0.6%)}
🟡 `Rect.svg`	62.16 KB _{14.91 gz}	62.46 KB _{14.93 gz}	+0.30 KB (+0.5%) _{+0.02 gz (+0.1%)}
🟡 `Points.svg`	61.59 KB _{14.97 gz}	61.97 KB _{15.04 gz}	+0.38 KB (+0.6%) _{+0.07 gz (+0.5%)}
🟡 `Line.svg`	61.57 KB _{14.85 gz}	61.81 KB _{14.86 gz}	+0.24 KB (+0.4%) _{+0.01 gz (+0.1%)}
🟡 `Text.html`	61.46 KB _{15.83 gz}	61.66 KB _{15.85 gz}	+0.19 KB (+0.3%) _{+0.03 gz (+0.2%)}
🟡 `Rect.html`	60.96 KB _{14.77 gz}	61.26 KB _{14.79 gz}	+0.30 KB (+0.5%) _{+0.02 gz (+0.1%)}
🟡 `Line.html`	57.51 KB _{14.04 gz}	57.75 KB _{14.05 gz}	+0.24 KB (+0.4%) _{+0.01 gz (+0.1%)}
🟡 `Image.svg`	56.98 KB _{14.03 gz}	57.17 KB _{14.04 gz}	+0.19 KB (+0.3%) _{+0.01 gz (+0.1%)}
🟡 `Ellipse.html`	55.96 KB _{13.49 gz}	56.19 KB _{13.51 gz}	+0.23 KB (+0.4%) _{+0.01 gz (+0.1%)}
🟡 `Image.html`	55.99 KB _{13.70 gz}	56.18 KB _{13.71 gz}	+0.19 KB (+0.3%) _{+0.01 gz (+0.1%)}
🟡 `Ellipse.svg`	55.75 KB _{13.47 gz}	55.98 KB _{13.48 gz}	+0.23 KB (+0.4%) _{+0.01 gz (+0.1%)}
🟡 `Grid`	52.29 KB _{9.44 gz}	52.59 KB _{9.54 gz}	+0.30 KB (+0.6%) _{+0.09 gz (+1.0%)}
🟡 `Highlight`	45.01 KB _{8.54 gz}	45.31 KB _{8.63 gz}	+0.30 KB (+0.7%) _{+0.09 gz (+1.0%)}
🟡 `Grid.canvas`	38.90 KB _{6.94 gz}	39.20 KB _{7.04 gz}	+0.30 KB (+0.8%) _{+0.10 gz (+1.4%)}
🟡 `Highlight.svg`	34.95 KB _{6.72 gz}	35.25 KB _{6.80 gz}	+0.30 KB (+0.9%) _{+0.08 gz (+1.1%)}
🟡 `Highlight.html`	34.13 KB _{6.75 gz}	34.43 KB _{6.83 gz}	+0.30 KB (+0.9%) _{+0.07 gz (+1.1%)}
🟡 `Highlight.canvas`	32.37 KB _{6.17 gz}	32.67 KB _{6.25 gz}	+0.30 KB (+0.9%) _{+0.08 gz (+1.3%)}
🟡 `Group`	15.27 KB _{3.99 gz}	15.36 KB _{4.01 gz}	+0.09 KB (+0.6%) _{+0.02 gz (+0.4%)}
🔴 `Image.canvas`	12.79 KB _{3.75 gz}	12.98 KB _{3.76 gz}	+0.18 KB (+1.4%) _{+0.01 gz (+0.3%)}
🟡 `Group.html`	11.55 KB _{3.52 gz}	11.64 KB _{3.54 gz}	+0.09 KB (+0.8%) _{+0.02 gz (+0.5%)}
🟡 `Group.svg`	11.42 KB _{3.49 gz}	11.51 KB _{3.51 gz}	+0.09 KB (+0.8%) _{+0.02 gz (+0.5%)}
🟡 `Group.canvas`	10.21 KB _{3.12 gz}	10.29 KB _{3.13 gz}	+0.09 KB (+0.9%) _{+0.01 gz (+0.5%)}
🔴 `GeoProjection`	4.41 KB _{1.41 gz}	4.50 KB _{1.44 gz}	+0.10 KB (+2.2%) _{+0.03 gz (+2.1%)}

Worst case (1 changed)

Scenario	Current	New	Change
🟡 `all`	1013.72 KB _{238.24 gz}	1009.70 KB _{237.02 gz}	-4.02 KB (-0.4%) _{-1.21 gz (-0.5%)}

Understanding this report

Use-case scenarios measure the bundle cost of common chart configurations (e.g. a line chart with axes)
Individual components measure each component imported in isolation
Svelte runtime is excluded; sizes reflect layerchart + its dependencies (d3, etc.)
When multiple components share dependencies (e.g. d3-scale), the real-world cost is lower than the sum of individual sizes
Changes smaller than 10 bytes or 0.1% are considered insignificant

techniq added 5 commits August 10, 2026 13:15

perf(Chart): Resolve stacked value domain in a single pass (~5.5x fas…

1c656dd

…ter)

perf: Memoize props in component state classes (~3x faster <Rect>, …

5ec07c2

…~2x faster `LineChart` mount)

add notes to primitivies and bundle-size guides about perf benefit of…

1974ae5

… using layer-specofic imports (ex. layerchart/svg)

perf(Chart): Remove quadratic domain recalculation on mount for serie…

df96501

…s-based charts (~2x faster with 10 series)

fix(Spline): Only tween path data when motion is set (~20x less mem…

dbcc8c8

…ory growth while streaming, issue #585)

github-actions Bot deployed to Preview August 11, 2026 01:51 View deployment

refine changesets

4aa1b6f

github-actions Bot deployed to Preview August 11, 2026 02:36 View deployment

techniq mentioned this pull request Aug 11, 2026

Investigate potential memory leak #585

Open

techniq merged commit e3d17ba into main Aug 11, 2026
9 checks passed

techniq deleted the perf-improvements branch August 11, 2026 02:49

github-actions Bot mentioned this pull request Aug 11, 2026

Version Packages #897

Merged

Navigation Menu

Uh oh!

Perf improvements - #896

Perf improvements#896
techniq merged 6 commits into
mainfrom
perf-improvements

techniq commented Aug 11, 2026

Uh oh!

changeset-bot Bot commented Aug 11, 2026 •

edited

Loading

Uh oh!

pkg-pr-new Bot commented Aug 11, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Aug 11, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Aug 11, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

techniq commented Aug 11, 2026

perf: Faster mounts across primitives, charts, and multi-series rendering

Changes

1. Resolve stacked value domain in a single pass

2. Memoize props in component state classes

3. Remove quadratic domain recalculation on mount

4. Only tween Spline path data when motion is set

Results

Primitives (100 instances)

Chart mount

Large multi-series rendering

Memory (issue #585)

Uh oh!

changeset-bot Bot commented Aug 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

pkg-pr-new Bot commented Aug 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented Aug 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Uh oh!

github-actions Bot commented Aug 11, 2026

Bundle Size Analysis

⚠️ Warnings (9 significant size increases)

Use-Case Scenarios

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

4. Only tween Spline path data when `motion` is set

changeset-bot Bot commented Aug 11, 2026 •

edited

Loading

pkg-pr-new Bot commented Aug 11, 2026 •

edited

Loading

github-actions Bot commented Aug 11, 2026 •

edited

Loading